/* SiteBuilder (astrolog mikro-site) fontları — subastro'dan taşındı, sadece sitebuilder.* view'larında kullanılır */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&display=swap');
@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.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';

    /* SiteBuilder (astrolog mikro-site) tema tokenleri — subastro'dan taşındı */
    --font-display: 'Cormorant Garamond', 'Instrument Serif', ui-serif, Georgia, serif;

    --color-ink-950: #05121f;
    --color-ink-900: #0b1c30;
    --color-ink-800: #142943;
    --color-ink-700: #1e3a5c;

    --color-brand-50: #f7f1ea;
    --color-brand-100: #ecdfd0;
    --color-brand-200: #d9bd9f;
    --color-brand-300: #c19a6e;
    --color-brand-400: #a97c4f;
    --color-brand-500: #7f5539;
    --color-brand-600: #6b4630;
    --color-brand-700: #573a29;
    --color-brand-800: #452e21;
    --color-brand-900: #38251b;

    --color-gold-300: #f0c785;
    --color-gold-400: #e6b563;
    --color-gold-500: #e09f3e;
    --color-gold-600: #b87f2f;

    --color-paper-50: #fbf6ef;
    --color-paper-100: #faedcd;

    --shadow-glow: 0 0 0 1px rgba(224, 159, 62, 0.15), 0 20px 60px -20px rgba(127, 85, 57, 0.45);
}

/* SiteBuilder (astrolog mikro-site) yardımcı sınıfları — subastro'dan taşındı */
@layer utilities {
    .bg-stars {
        background-image:
            radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.55) 0, transparent 60%),
            radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.4) 0, transparent 60%),
            radial-gradient(1.5px 1.5px at 50% 15%, rgba(255,255,255,.6) 0, transparent 60%),
            radial-gradient(1px 1px at 65% 55%, rgba(255,255,255,.35) 0, transparent 60%),
            radial-gradient(1.5px 1.5px at 80% 30%, rgba(255,255,255,.55) 0, transparent 60%),
            radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,.4) 0, transparent 60%),
            radial-gradient(1px 1px at 15% 90%, rgba(255,255,255,.3) 0, transparent 60%);
        background-repeat: repeat;
        background-size: 600px 600px;
    }
}