/* ============================================================
   AgroTrack — tokens de diseño (fuente única).
   Lo cargan los dos shells: base.html / base_auth.html (antes de
   agrotrack.css) y dashboard/_base.html (después de Bootstrap).
   Solo variables: nada de selectores de componentes acá.
   ============================================================ */

:root {
  /* Agro corporate palette */
  --ag-green-deep:  #1a3a1a;
  --ag-green-dark:  #244e24;
  --ag-green:       #2d6a2d;
  --ag-green-light: #4a8a4a;
  --ag-gold:        #c5a059;
  --ag-gold-light:  #e0bd75;
  --ag-cream:       #f7f4ec;
  --ag-cream-dark:  #e8e2d4;
  --ag-clay:        #8b6f47;

  /* Status colors */
  --st-active:      #3ba55d;
  --st-idle:        #e0a800;
  --st-alert:       #e74c3c;
  --st-offline:     #8a8a8a;
  --st-maintenance: #9b59b6;

  /* Neutral scale (light) */
  --bg:            #f4f5f7;
  --bg-elevated:   #ffffff;
  --bg-subtle:     #ebedf0;
  --border:        #d8dce1;
  --border-strong: #b8bfc8;
  --text:          #1a1f1a;
  --text-muted:    #5b6660;
  --text-subtle:   #6e7872;

  /* Shadows — green-tinted for warmth */
  --shadow-sm: 0 1px 2px rgba(26,58,26,.06), 0 1px 3px rgba(26,58,26,.04);
  --shadow:    0 2px 4px rgba(26,58,26,.06), 0 4px 12px rgba(26,58,26,.08);
  --shadow-lg: 0 4px 8px rgba(26,58,26,.08), 0 12px 28px rgba(26,58,26,.14);
  --shadow-gold: 0 4px 14px rgba(197,160,89,.25);

  /* Radii */
  --radius:    12px;
  --radius-sm: 8px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Layout */
  --sidebar-w: 248px;
  --topbar-h:  64px;

  /* Type */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono: 'SF Mono', Menlo, Consolas, monospace;
  /* Escala tipográfica: los tamaños que ya usa el dashboard (UI densa, base 13px) */
  --fs-2xs:  10px;
  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-base: 13px;
  --fs-md:   14px;
  --fs-lg:   16px;
  --fs-xl:   18px;
  --fs-2xl:  22px;
  --fs-3xl:  24px;
  --fs-4xl:  30px;

  /* Motion */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .15s;
  --t:      .22s;
}

[data-theme="dark"] {
  --bg:            #0d170d;
  --bg-elevated:   #162318;
  --bg-subtle:     #1e2f21;
  --border:        #2a3f2c;
  --border-strong: #3d5a40;
  --text:          #e7eee7;
  --text-muted:    #a3b3a3;
  --text-subtle:   #6e7e6e;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow:    0 2px 8px rgba(0,0,0,.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.55);
  --shadow-gold: 0 4px 14px rgba(197,160,89,.18);
  --ag-cream:      #1e2f21;
  --ag-cream-dark: #244024;
}