/* 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: #0b0817;
    --color-ink-900: #120d24;
    --color-ink-800: #1c1433;
    --color-ink-700: #2a1e49;

    --color-brand-50: #f4f1fc;
    --color-brand-100: #e6dffa;
    --color-brand-200: #cbb9f3;
    --color-brand-300: #ab8ce9;
    --color-brand-400: #8c62db;
    --color-brand-500: #7440c9;
    --color-brand-600: #6428ab;
    --color-brand-700: #521f8a;
    --color-brand-800: #421b6d;
    --color-brand-900: #37185a;

    --color-gold-300: #ecd48f;
    --color-gold-400: #ddbb5e;
    --color-gold-500: #cda23e;
    --color-gold-600: #ab8330;

    --color-paper-50: #fdfbf7;
    --color-paper-100: #f8f3ea;

    --shadow-glow: 0 0 0 1px rgba(205, 162, 62, 0.15), 0 20px 60px -20px rgba(116, 64, 201, 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;
    }
}