/* GrowthMax · tokens de design v1
   Fonte única para cores, tipografia, espaço, raios, sombras e movimento.
   Tema claro (sistema GHL) é o padrão. Tema escuro (site, login, vídeo) usa data-theme="dark" ou a classe gm-theme-dark. */

:root {
  /* Tinta */
  --gm-tinta-50: #F5F6FA;
  --gm-tinta-75: #EEF1F8;
  --gm-tinta-100: #E4E8F2;
  --gm-tinta-200: #CBD2E3;
  --gm-tinta-300: #A3ADC8;
  --gm-tinta-400: #7480A3;
  --gm-tinta-500: #4A577D;
  --gm-tinta-600: #2E3A5E;
  --gm-tinta-700: #1F2947;
  --gm-tinta-800: #121A33;
  --gm-tinta-850: #0E1530;
  --gm-tinta-900: #0A1022;
  --gm-tinta-950: #060A17;

  /* Brasa */
  --gm-brasa-50: #FFF2EC;
  --gm-brasa-100: #FFE0D2;
  --gm-brasa-200: #FFBFA3;
  --gm-brasa-300: #FF9469;
  --gm-brasa-400: #FF7440;
  --gm-brasa-500: #FF5A1F;
  --gm-brasa-600: #E8440B;
  --gm-brasa-700: #BF3608;
  --gm-brasa-800: #962B0A;
  --gm-brasa-900: #6E210B;

  --gm-white: #FFFFFF;
  --gm-black: #000000;

  /* Sistema: 400 sobre escuro, 700 como texto sobre claro */
  --gm-success-400: #1FBF75;
  --gm-success-700: #11804F;
  --gm-warning-400: #F2C94C;
  --gm-warning-700: #8A6300;
  --gm-error-400: #F0445A;
  --gm-error-700: #C42A40;
  --gm-info-400: #4C8DFF;
  --gm-info-700: #2563D9;

  /* Semânticos, tema claro */
  --gm-bg: var(--gm-tinta-50);
  --gm-surface: var(--gm-white);
  --gm-surface-2: var(--gm-tinta-100);
  --gm-border: var(--gm-tinta-100);
  --gm-border-strong: var(--gm-tinta-200);
  --gm-text: var(--gm-tinta-900);
  --gm-text-muted: var(--gm-tinta-500);
  --gm-text-subtle: var(--gm-tinta-500);
  --gm-accent: var(--gm-brasa-500);
  --gm-accent-text: var(--gm-brasa-700);
  --gm-on-accent: var(--gm-tinta-900);
  --gm-primary: var(--gm-tinta-900);
  --gm-on-primary: var(--gm-white);
  --gm-success: var(--gm-success-700);
  --gm-warning: var(--gm-warning-700);
  --gm-error: var(--gm-error-700);
  --gm-info: var(--gm-info-700);
  --gm-nav-bg: var(--gm-tinta-900);
  --gm-nav-text: var(--gm-tinta-300);
  --gm-nav-active-bg: var(--gm-tinta-800);
  --gm-nav-active-text: var(--gm-tinta-75);

  /* Tipografia */
  --gm-font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gm-font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --gm-text-display: 4rem;
  --gm-leading-display: 1;
  --gm-tracking-display: -0.04em;
  --gm-text-h1: 3rem;
  --gm-leading-h1: 1.05;
  --gm-tracking-h1: -0.035em;
  --gm-text-h2: 2rem;
  --gm-leading-h2: 1.15;
  --gm-tracking-h2: -0.025em;
  --gm-text-h3: 1.375rem;
  --gm-leading-h3: 1.3;
  --gm-tracking-h3: -0.015em;
  --gm-text-body: 1rem;
  --gm-leading-body: 1.6;
  --gm-text-small: 0.875rem;
  --gm-leading-small: 1.5;
  --gm-text-label: 0.6875rem;
  --gm-tracking-label: 0.06em;
  --gm-weight-regular: 400;
  --gm-weight-medium: 500;
  --gm-weight-semibold: 600;
  --gm-weight-bold: 700;

  /* Espaço, base 4px */
  --gm-space-1: 4px;
  --gm-space-2: 8px;
  --gm-space-3: 12px;
  --gm-space-4: 16px;
  --gm-space-5: 20px;
  --gm-space-6: 24px;
  --gm-space-8: 32px;
  --gm-space-10: 40px;
  --gm-space-12: 48px;
  --gm-space-16: 64px;
  --gm-space-24: 96px;

  /* Raios */
  --gm-radius-sm: 6px;
  --gm-radius-md: 9px;
  --gm-radius-lg: 12px;
  --gm-radius-xl: 16px;
  --gm-radius-full: 999px;

  /* Sombras */
  --gm-shadow-sm: 0 1px 2px rgb(10 16 34 / 0.06), 0 1px 1px rgb(10 16 34 / 0.04);
  --gm-shadow-md: 0 8px 24px -8px rgb(10 16 34 / 0.18);
  --gm-shadow-glow: 0 10px 30px -8px rgb(255 90 31 / 0.6);

  /* Movimento */
  --gm-ease-out: cubic-bezier(.16, 1, .3, 1);
  --gm-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --gm-dur-fast: 150ms;
  --gm-dur-base: 250ms;
  --gm-dur-slow: 300ms;
  --gm-dur-marketing: 800ms;
}

[data-theme="dark"], .gm-theme-dark {
  --gm-bg: var(--gm-tinta-900);
  --gm-surface: var(--gm-tinta-800);
  --gm-surface-2: var(--gm-tinta-700);
  --gm-border: var(--gm-tinta-700);
  --gm-border-strong: var(--gm-tinta-600);
  --gm-text: var(--gm-tinta-75);
  --gm-text-muted: var(--gm-tinta-300);
  --gm-text-subtle: var(--gm-tinta-300);
  --gm-accent-text: var(--gm-brasa-500);
  --gm-primary: var(--gm-brasa-500);
  --gm-on-primary: var(--gm-tinta-900);
  --gm-success: var(--gm-success-400);
  --gm-warning: var(--gm-warning-400);
  --gm-error: var(--gm-error-400);
  --gm-info: var(--gm-info-400);
}