/* tokens.css — GlowAI Design Tokens
   Aloha from Pearl City! */

:root {
  /* ── Brand colors ── */
  --rose:   #E8A598;
  --rose2:  #D4826E;
  --sage:   #A8B89C;
  --sage2:  #7A9B6E;
  --gold:   #D4AF82;
  --cream:  #FAF8F5;
  --bg:     #080808;
  --bg-dark: #0E0C0A;

  /* legacy aliases */
  --pink:   #E8A598;
  --hot:    #D4826E;
  --blush:  #F0C4BA;

  /* ── Typography ── */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', -apple-system, system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', monospace;

  /* ── Spacing ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  14px;
  --space-lg:  22px;
  --space-xl:  36px;
  --space-2xl: 48px;

  /* ── Radius ── */
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  14px;
  --radius-xl:  28px;
  --radius-pill: 50px;

  /* ── Shadows ── */
  --shadow-rose:  0 4px 22px rgba(232,165,152,0.38);
  --shadow-soft:  0 4px 22px rgba(0,0,0,0.45);
  --shadow-glow:  0 4px 28px rgba(232,165,152,0.48);

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --ease-micro: cubic-bezier(0.4, 0, 0.2, 1);
}