/* ═══════════════════════════════════════════
   graduation-glow — design tokens
   GENERATED by scripts/gen-template-tokens.mts — do not hand-edit.
   palette: sage-cream (light ground)
   typography: playfair-outfit-pinyon

   The rgba-derived tokens below are computed from this palette, not
   copied. Copying them is how a cream template kept midnight-rose glows.
   ═══════════════════════════════════════════ */

:root {
    /* Palette */
    --void: #f8f5ef;
    --bg-primary: #eee8dc;
    --bg-elevated: #e2dbcb;
    --accent-warm: #6b5c33;
    --accent-warm-bright: #8a7847;
    --accent-warm-deep: #4c4122;
    --accent-rose: #8a6650;
    --accent-soft: #d4c4ae;
    --accent-celestial: #41684a;
    --text-primary: #2a2820;
    --text-secondary: #54503e;
    --wine: #4a2820;
    --sage: #3f6b52;
    --ember: #8c3a1e;
    --spark: #fdfbf5;

    /* Derived from the palette above (light ground) */
    --accent-warm-glow: rgba(107, 92, 51, 0.4);
    --accent-warm-glow-soft: rgba(107, 92, 51, 0.14);
    --glass: rgba(238, 232, 220, 0.72);
    --glass-border: rgba(107, 92, 51, 0.18);
    --glass-border-hover: rgba(107, 92, 51, 0.42);
    --bloom: rgba(248, 245, 239, 0.85);

    /* Typography — playfair-outfit-pinyon */
    --font-display: 'Playfair Display', 'Georgia', serif;
    --font-body: 'Outfit', 'Segoe UI', sans-serif;
    --font-script: 'Pinyon Script', cursive;

    /* Easings */
    --ease-silk: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-expo-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-back-out: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-breath: cubic-bezier(0.45, 0, 0.55, 1);
    --ease-snap: cubic-bezier(0.5, 0, 0.5, 1);
    --ease-drift: cubic-bezier(0.4, 0, 0.6, 1);
    --ease-stage: cubic-bezier(0.83, 0, 0.17, 1);
}