/* ==========================================================================
   Astaria — CSS Custom Properties
   The World of Stars
   ========================================================================== */

:root {
    /* ── Cosmic palette ── */
    --ast-void:          #0a0a14;
    --ast-deep-space:    #0d0d1a;
    --ast-nebula:        #161625;
    --ast-starlight:     #c8c0b8;
    --ast-stardust:      #f0e8d8;
    --ast-gold:          #c4a35a;
    --ast-gold-dim:      #8a7340;
    --ast-celestial:     #6b8cce;
    --ast-celestial-dim: #3d5a8a;

    /* ── Parchment palette ── */
    --parch-bg:          #f4e8c1;
    --parch-bg-light:    #faf3e0;
    --parch-bg-dark:     #e0d0a0;
    --parch-border:      #c4a35a;
    --parch-border-dark: #8a7340;
    --parch-ink:         #2c1810;
    --parch-ink-light:   #4a3828;
    --parch-ink-faded:   #6b5b48;
    --parch-shadow:      rgba(0, 0, 0, 0.4);
    --parch-glow:        rgba(196, 163, 90, 0.15);

    /* ── Typography ── */
    --font-heading:   'Cinzel', 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
    --font-body:      'Crimson Text', 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
    --font-ui:        'Cinzel', 'Segoe UI', system-ui, sans-serif;
    --font-mono:      'Courier New', Courier, monospace;

    --text-base:      1.05rem;
    --text-sm:        0.875rem;
    --text-lg:        1.25rem;
    --text-xl:        1.5rem;
    --text-2xl:       2rem;
    --text-3xl:       2.5rem;
    --text-hero:      3.5rem;

    --leading:        1.7;
    --leading-tight:  1.3;

    /* ── Spacing ── */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    /* ── Layout ── */
    --content-max:  1200px;
    --sidebar-w:    300px;
    --header-h:     80px;
    --radius:       2px;
    --radius-lg:    6px;

    /* ── Transitions ── */
    --ease-out:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --duration:     0.3s;
    --duration-slow: 0.6s;
}