/**
 * Kriyasya Astrology — Global Reporting Design Tokens
 * Governed by Master Reporting UI/UX Standard (genereal-reporting-design-plan.md)
 * Target: 9.5+/10 Visual & Usability Rating
 */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* 1. Global Color System */
    --report-bg:              #0B0717;
    --report-bg-elevated:     #120C24;
    --report-card:            #17102D;
    --report-card-soft:       #1D1536;
    --report-card-hover:      #231942;

    --report-border:          rgba(255, 255, 255, 0.08);
    --report-border-strong:   rgba(255, 255, 255, 0.15);
    --report-border-gold:     rgba(241, 199, 91, 0.35);

    --report-gold:            #F1C75B;
    --report-gold-bright:     #FFDF78;
    --report-gold-soft:       #D9B75B;
    --report-gold-glow:       rgba(241, 199, 91, 0.22);

    --report-text:            #F7F4FC;
    --report-text-secondary:  #C2B9D2;
    --report-text-muted:      #958AA6;

    /* Semantic Status Colors */
    --report-positive:        #41D6A3;
    --report-positive-bg:     rgba(65, 214, 163, 0.10);
    --report-positive-border: rgba(65, 214, 163, 0.30);

    --report-moderate:        #F0C45C;
    --report-moderate-bg:     rgba(240, 196, 92, 0.10);
    --report-moderate-border: rgba(240, 196, 92, 0.30);

    --report-caution:         #F27B7B;
    --report-caution-bg:      rgba(242, 123, 123, 0.10);
    --report-caution-border:  rgba(242, 123, 123, 0.30);

    --report-info:            #5FC3FF;
    --report-info-bg:         rgba(95, 195, 255, 0.10);
    --report-info-border:     rgba(95, 195, 255, 0.30);

    --report-spiritual:       #B88CFF;
    --report-spiritual-bg:    rgba(184, 140, 255, 0.10);
    --report-spiritual-border:rgba(184, 140, 255, 0.30);

    /* 2. Typography */
    --report-font-display:    'Cinzel', serif;
    --report-font-body:       'Inter', system-ui, -apple-system, sans-serif;
    --report-font-mono:       'JetBrains Mono', monospace;

    /* Type Scale Desktop */
    --text-hero-title:        36px;
    --text-hero-score:        52px;
    --text-section-heading:   24px;
    --text-card-heading:      18px;
    --text-body:              15.5px;
    --text-supporting:        13.5px;
    --text-metadata:          12px;

    /* Line Heights */
    --lh-body:                1.68;
    --lh-tight:               1.25;
    --lh-technical:           1.50;

    /* 3. Spacing (8-point rhythm) */
    --space-1:                4px;
    --space-2:                8px;
    --space-3:                12px;
    --space-4:                16px;
    --space-6:                24px;
    --space-8:                32px;
    --space-10:               40px;
    --space-12:               48px;
    --space-16:               64px;

    /* 4. Radius & Shadows */
    --radius-sm:              8px;
    --radius-md:              12px;
    --radius-lg:              16px;
    --radius-xl:              20px;
    --radius-full:            9999px;

    --shadow-sm:              0 4px 12px rgba(0, 0, 0, 0.35);
    --shadow-md:              0 10px 24px rgba(0, 0, 0, 0.45);
    --shadow-lg:              0 20px 40px rgba(0, 0, 0, 0.55);
    --shadow-gold:            0 12px 32px rgba(241, 199, 91, 0.18);

    /* 5. Widths & Breakpoints */
    --report-max-width:       1200px;
    --narrative-width:        800px;

    /* 6. Transitions */
    --trans-fast:             150ms ease-out;
    --trans-normal:           220ms ease-out;
}