/* Golomaster / Amery ERP — Design Tokens
   Extraído y VERIFICADO contra amery-erp/src/styles/globals.css, src/assets/*.svg y public/*.html.
   Nota: --blue es en realidad el VERDE OSCURO de acento principal. */

:root {
  /* Tipografía — 3 fuentes con roles distintos */
  --font-brand: 'Fredoka', sans-serif;            /* LOGO / wordmark "golomaster" (peso 700, minúsculas) */
  --font-doc:   'DM Sans', sans-serif;            /* Tagline del logo + páginas estáticas (firma, remito, paperwork) */
  --font:       'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; /* Interfaz de la app */
  --font-mono:  'SF Mono', 'Fira Code', monospace;

  /* Colores de marca (del logo, independientes del tema) */
  --brand-green: #1B3A2D;   /* verde marca / acento principal */
  --brand-cream: #FFF8F0;   /* crema del wordmark sobre verde */
  --brand-sage:  #A8D4B8;   /* verde grisáceo claro */

  /* Radios */
  --r1: 6px;
  --r2: 10px;
  --r3: 14px;
  --r4: 18px;
  --r5: 24px;
}

/* ===== Tema CLARO (default) ===== */
:root, [data-theme="light"] {
  --bg:       #EEF1F5;
  --surface:  #FFFFFF;
  --surface2: #F8FAFB;
  --fill:     rgba(0,0,0,.045);
  --sep:      rgba(0,0,0,.08);
  --sep2:     rgba(0,0,0,.04);

  --lbl:      #0A1929;
  --lbl2:     #4A5E72;
  --lbl3:     #94A8BE;

  --blue:     #1B3A2D;   /* acento principal: verde oscuro */
  --blue2:    #2D5A45;
  --blue-bg:  rgba(27,58,45,.09);
  --blue-sh:  rgba(27,58,45,.22);

  --green:    #00B050;  --green2:  #007A38;  --green-bg:  rgba(0,176,80,.10);
  --red:      #E53935;  --red2:    #B71C1C;  --red-bg:    rgba(229,57,53,.09);
  --orange:   #F59E0B;  --orange2: #B45309;  --orange-bg: rgba(245,158,11,.10);
  --yellow:   #EAB308;  --yellow-bg: rgba(234,179,8,.10);
}

/* ===== Tema OSCURO ===== */
[data-theme="dark"] {
  --bg:       #0D1117;
  --surface:  #161B22;
  --surface2: #0D1117;
  --fill:     rgba(255,255,255,.05);
  --sep:      rgba(255,255,255,.08);
  --sep2:     rgba(255,255,255,.04);

  --lbl:      #E6EDF3;
  --lbl2:     #7D8590;
  --lbl3:     #484F58;

  --blue:     #A8D4B8;  --blue2:  #C4E8D0;  --blue-bg: rgba(168,212,184,.12); --blue-sh: rgba(168,212,184,.25);
  --green:    #3FB950;  --green2: #26A641;  --green-bg: rgba(63,185,80,.10);
  --red:      #F85149;  --red2:   #DA3633;  --red-bg:   rgba(248,81,73,.10);
  --orange:   #D29922;  --orange2:#BB8009;  --orange-bg:rgba(210,153,34,.10);
}

/* ===== Tema TINTED (oscuro con tinte azul, estilo macOS) ===== */
[data-theme="tinted"] {
  --bg:       #0E1620;
  --surface:  #162032;
  --surface2: #0E1620;
  --fill:     rgba(88,166,255,.07);
  --sep:      rgba(88,166,255,.12);
  --sep2:     rgba(88,166,255,.06);

  --lbl:      #D8E6F8;
  --lbl2:     #6B8CAD;
  --lbl3:     #3A526A;

  --blue:     #A8D4B8;  --blue2: #C4E8D0;  --blue-bg: rgba(168,212,184,.13); --blue-sh: rgba(168,212,184,.28);
  --green:    #4ADA8E;  --green2:#1DAE62;  --green-bg:rgba(74,218,142,.10);
  --red:      #FF6B6B;  --red2: #E03434;   --red-bg:  rgba(255,107,107,.10);
  --orange:   #FFB84A;  --orange2:#CC8800; --orange-bg:rgba(255,184,74,.10);
}