/* ==========================================================================
   Design Tokens — DS REMAX
   Fonte: Figma "DS REMAX" (Ro1ZQGIHxdBKUrecY7fMUb) — página "Design System"
   Gerado em 2026-07-22. Não editar valores aqui manualmente sem atualizar
   o arquivo de origem no Figma.
   ========================================================================== */

:root {
  /* ---- Primitivos: primary (azul) ---- */
  --primary-50:  #eaf1ff;
  --primary-100: #ccdaff;
  --primary-200: #99b4ff;
  --primary-300: #668fff;
  --primary-400: #3369ff;
  --primary-500: #0043ff;
  --primary-600: #0037cc;
  --primary-700: #002c9e;
  --primary-800: #00206f;
  --primary-900: #000e35;

  /* ---- Primitivos: secondary (vermelho) ---- */
  --secondary-50:  #fff0ee;
  --secondary-100: #ffcfcc;
  --secondary-200: #ff9f99;
  --secondary-300: #ff7066;
  --secondary-400: #ff4133;
  --secondary-500: #ff1200;
  --secondary-600: #cc0e00;
  --secondary-700: #9e0b00;
  --secondary-800: #660000;
  --secondary-900: #4f0600;

  /* ---- Primitivos: neutral ---- */
  --neutral-50:  #f7f5ee;
  --neutral-100: #ece9e0;
  --neutral-200: #ddddd8;
  --neutral-300: #bbbbbb;
  --neutral-400: #919191;
  --neutral-500: #6a6a6a;
  --neutral-600: #454545;
  --neutral-700: #232323;
  --neutral-800: #111111;
  --neutral-900: #000000;

  /* ---- Gradientes ---- */
  --gradient-primary: linear-gradient(to right, #0043ff 16%, #000e35 100%);
  --gradient-secondary: linear-gradient(to right, #ff1200 0%, #660000 100%);
  --gradient-light: linear-gradient(to right, #f7f5ee 0%, #ffffff 100%);
  --gradient-dark: linear-gradient(to right, #000000 0%, #232323 100%);
  --gradient-primary-secondary: linear-gradient(to right, #0043ff 16%, #ff1200 100%);
  --gradient-secondary-primary: linear-gradient(to right, #ff1200 0%, #0043ff 84%);

  /* Variações verticais (uso em sidebar / elementos de coluna) */
  --gradient-primary-vertical: linear-gradient(180deg, #0043ff 0%, #000e35 100%);
  --gradient-primary-secondary-diag: linear-gradient(135deg, #0043ff 0%, #ff1200 100%);

  /* ---- Semântico: light theme ---- */
  --color-primary: var(--primary-500);
  --color-primary-variant: var(--primary-900);
  --color-secondary: var(--secondary-500);
  --color-secondary-variant: var(--secondary-800);
  --color-background: var(--neutral-50);
  --color-surface: #ffffff;
  --color-error: var(--secondary-200);
  --color-on-primary: var(--neutral-50);
  --color-on-secondary: var(--neutral-50);
  --color-on-background: var(--neutral-700);
  --color-on-surface: var(--neutral-700);
  --color-on-error: var(--neutral-700);
  --color-border: var(--neutral-200);
  --color-muted: var(--neutral-500);

  /* ---- Tipografia ---- */
  --font-family-base: "Akzidenz-Grotesk Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --h1-weight: 700; --h1-size: 40px; --h1-lh: 48px;
  --h2-weight: 700; --h2-size: 32px; --h2-lh: 40px;
  --h3-weight: 700; --h3-size: 27px; --h3-lh: 34px; /* lh original (16px) era inviável p/ 27px; ajustado para legibilidade */
  --h4-weight: 700; --h4-size: 16px; --h4-lh: 24px;

  --medium-l-weight: 500; --medium-l-size: 16px; --medium-l-lh: 24px;
  --medium-m-weight: 500; --medium-m-size: 14px; --medium-m-lh: 16px;
  --regular-l-weight: 400; --regular-l-size: 16px; --regular-l-lh: 24px;
  --regular-m-weight: 400; --regular-m-size: 14px; --regular-m-lh: 16px;
  --regular-s-weight: 400; --regular-s-size: 11px; --regular-s-lh: 16px;
  --paragraph-weight: 400; --paragraph-size: 20px; --paragraph-lh: 32px;

  /* ---- Sombras ---- */
  --shadow-s1: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --shadow-s2: 0px 1px 3px 0px rgba(16,24,40,0.10);
  --shadow-s3: 0px 4px 8px -2px rgba(16,24,40,0.10);
  --shadow-s4: 0px 20px 24px -4px rgba(16,24,40,0.10);
  --shadow-s5: 0px 24px 48px -12px rgba(16,24,40,0.25);

  /* ---- Layout ---- */
  --sidebar-width: 150px;
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 20px;
  --radius-full: 999px;
}

[data-theme="dark"] {
  --color-primary: var(--primary-400);
  --color-primary-variant: var(--primary-200);
  --color-secondary: var(--secondary-400);
  --color-secondary-variant: var(--secondary-300);
  --color-background: var(--neutral-900);
  --color-surface: var(--neutral-800);
  --color-error: var(--secondary-300);
  --color-on-primary: var(--neutral-900);
  --color-on-secondary: var(--neutral-900);
  --color-on-background: var(--neutral-50);
  --color-on-surface: var(--neutral-50);
  --color-on-error: var(--neutral-900);
  --color-border: var(--neutral-600);
  --color-muted: var(--neutral-400);
}