/* GSK Labs · tokens da ferramenta Extrato Fácil */
:root {
  --neutral-0: #FFFFFF;
  --neutral-50: #F8F7FB;
  --neutral-100: #F1F0F7;
  --neutral-200: #E4E3EE;
  --neutral-300: #CBC9DA;
  --neutral-400: #A9A9C4;
  --neutral-500: #82829F;
  --neutral-600: #62627E;
  --neutral-700: #4B4B63;
  --neutral-800: #2C2C44;
  --neutral-950: #14142B;
  --deep: #0B0F1A;

  --indigo-50: #EEEEFE;
  --indigo-100: #E0E0FD;
  --indigo-200: #C4C4FB;
  --indigo-300: #A3A3F9;
  --indigo-400: #8484FF;
  --indigo-500: #5B5BF6;
  --indigo-600: #4A45E0;
  --indigo-700: #3B36BE;

  --violet-300: #C08BFF;
  --violet-500: #9B4DFF;
  --violet-700: #6B1DC0;
  --gradient-brand: linear-gradient(135deg, var(--indigo-500), var(--violet-500));

  --success: #059669;
  --success-bg: #ECFDF5;
  --success-border: #A7F3D0;
  --success-text: #047857;
  --danger: #DC2626;
  --danger-bg: #FEF2F2;
  --danger-border: #FECACA;
  --danger-text: #B91C1C;
  --warning: #D97706;
  --warning-bg: #FFFBEB;
  --warning-border: #FDE68A;
  --warning-text: #92400E;

  --bg: var(--neutral-50);
  --bg-elev: var(--neutral-0);
  --surface: var(--neutral-0);
  --surface-2: var(--neutral-100);
  --topbar-bg: var(--deep);
  --border: var(--neutral-200);
  --border-2: var(--neutral-100);
  --text: var(--neutral-950);
  --text-soft: var(--neutral-700);
  --text-dim: var(--neutral-600);
  --text-mute: var(--neutral-500);

  --primary: var(--indigo-500);
  --primary-hover: var(--indigo-600);
  --primary-foreground: var(--neutral-0);
  --focus-ring: var(--indigo-500);
  --action-soft: var(--indigo-50);
  --accent: var(--violet-500);

  --muted: var(--neutral-100);
  --muted-text: var(--neutral-700);
  --muted-border: var(--neutral-200);
  --success-soft: var(--success-bg);
  --danger-soft: var(--danger-bg);
  --warning-soft: var(--warning-bg);

  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', system-ui, sans-serif;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 32px;
  --fs-4xl: 44px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --radius-sm: 8px;
  --radius: 10px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;

  --shadow-sm: 0 2px 8px rgba(20, 20, 43, 0.05);
  --shadow: 0 12px 30px rgba(20, 20, 43, 0.08);
  --shadow-lg: 0 18px 50px rgba(20, 20, 43, 0.12);
}