/**
 * Your Brain Buddy, global design tokens (single source of truth)
 * Premium · Warm · Editorial · Calm
 */

/* Accent font uses Cormorant Garamond (Boozy TM asset not bundled) */

:root {
  /* Typography */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-accent: 'Cormorant Garamond', Georgia, serif;

  /* Legacy aliases */
  --font-display: var(--font-heading);
  --font-ui: var(--font-body);

  /* Brand colors */
  --color-primary: #456C5A;
  --color-primary-hover: #3D5E4F;
  --color-bg: #FAF7F2;
  --color-section: #F2ECE5;
  --color-blush: #D7A69B;
  --color-terra: #BC897B;
  --color-heading: #2F312D;
  --color-body: #57534E;
  --color-muted: #646058;
  --color-border: #E7DFD8;
  --color-card: #FFFFFF;
  --color-card-border: #EFE8E1;

  /* Legacy semantic aliases */
  --color-background: var(--color-bg);
  --color-surface: var(--color-section);
  --color-text: var(--color-heading);
  --color-text-light: var(--color-muted);
  --color-white: var(--color-card);
  --color-accent: var(--color-blush);

  /* Status */
  --color-success: #456C5A;
  --color-warning: #BC897B;
  --color-error: #B85C5C;
  --color-info: #456C5A;

  /* Gradients */
  --gradient-soft: linear-gradient(180deg, #FAF7F2 0%, #F2ECE5 100%);

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;

  /* Radius */
  --radius-btn: 12px;
  --radius-card: 20px;
  --radius-form: 14px;
  --radius-course: 24px;
  --radius-image: 20px;
  --radius-modal: 20px;

  /* Shadows */
  --shadow-card: 0 8px 30px rgba(69, 108, 90, 0.08);
  --shadow-card-hover: 0 12px 36px rgba(69, 108, 90, 0.12);
  --shadow-image: 0 8px 30px rgba(69, 108, 90, 0.08);
  --shadow-image-hover: 0 12px 36px rgba(69, 108, 90, 0.11);
  --shadow-modal: 0 20px 60px rgba(47, 49, 45, 0.12);

  /* Motion */
  --motion-duration: 200ms;
  --motion-ease: ease;

  /* Layout */
  --container-max: 1200px;
  --content-max: 760px;
  --nav-height: 72px;
  --section-pad-desktop: 120px;
  --section-pad-tablet: 80px;
  --section-pad-mobile: 64px;
  --container-pad-desktop: 48px;
  --container-pad-tablet: 32px;
  --container-pad-mobile: 24px;

  /* Focus */
  --focus-ring: 2px solid rgba(69, 108, 90, 0.45);
  --focus-offset: 3px;

  /* Z-index */
  --z-nav: 100;
  --z-dropdown: 200;
  --z-overlay: 900;
  --z-modal: 1000;
  --z-toast: 1100;
}

[data-theme="dark"] {
  /* Reserved for future dark theme */
}