/* tokens.css — Brandy Backstage brand values (single brand, no theme system, zero hardcoded hex elsewhere). */

:root {
  /* BRAND COLORS — Grand Slam Berry (from the doll-maker palette) */
  --color-primary:        #8C1040;  /* berry */
  --color-primary-deep:   #561030;  /* berry-dark */
  --color-primary-soft:   rgba(140, 16, 64, 0.18);
  --color-accent:         #FFD020;  /* gold */
  --color-accent-deep:    #FF4428;  /* neon-red */

  /* NEUTRALS — dark brand surface */
  --color-text:           #FFF4EE;  /* warm-white */
  --color-text-muted:     #C79BA6;  /* dimmed rose */
  --color-text-inverse:   #120408;  /* ink — text on light/accent surfaces */
  --color-bg:             #120408;  /* ink */
  --color-surface:        #210B14;  /* lifted berry-ink */
  --color-border:         rgba(255, 244, 238, 0.14);

  /* ON-COLOR text — project slots */
  --color-on-primary:     #FFF4EE;
  --color-on-accent:      #120408;

  /* SEMANTIC COLORS */
  --color-success:        #00E8C8;  /* teal */
  --color-warning:        #FFD020;  /* gold */
  --color-danger:         #FF4428;  /* neon-red */
  --color-info:           #00E8C8;

  /* TYPOGRAPHY */
  --font-heading:         'Abril Fatface', Georgia, 'Times New Roman', serif;
  --font-body:            'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:            'VT323', ui-monospace, 'Courier New', monospace;
  --font-condensed:       'Barlow Condensed', 'DM Sans', system-ui, sans-serif; /* project slot */

  /* SPACING — universal, do not change */
  --space-xs: 4px;  --space-sm: 8px;  --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px;

  /* RADIUS — universal */
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-pill: 999px;

  /* TYPE SCALE — universal */
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px;  --fs-lg: 18px;
  --fs-xl: 24px; --fs-2xl: 32px; --fs-3xl: 48px; --fs-4xl: 64px;

  /* SHADOWS — universal */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 8px rgba(0,0,0,.08);
  --shadow-lg: 0 12px 24px rgba(0,0,0,.12);

  /* TRANSITIONS — universal */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
}