@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../vendor/livewire/flux/stubs/**/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';

    /* Atlas Darts brand palette — derived from logo.png and hero.jpg */
    --color-brand-teal:       #3EC4A2;
    --color-brand-teal-dark:  #2B9178;
    --color-brand-teal-light: #6FD9BC;
    --color-brand-gold:       #C49A1C;
    --color-brand-gold-light: #E4C44E;
    --color-brand-gold-dark:  #8B6B0A;
    --color-brand-dark:       #0D0900;
    --color-brand-surface:    #111008;
    --color-brand-amber:      #8B5E0A;
}

/* Hero banner — fixed background with iOS Safari shim */
.hero-bg {
    background-image: url('/images/brand/hero.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
/* iOS Safari fallback — JS adds .ios-device class to body */
body.ios-device .hero-bg {
    background-attachment: scroll;
}