/* AgroFlow Terminal — design tokens (SHARED, read-only for view agents)
   Dark is the default; light overrides live under [data-theme=light]. */
:root {
  color-scheme: dark;
  /* surfaces */
  --bg: #07090d;
  --bg-2: #0b0f15;
  --bg-3: #0f141c;
  --panel: rgba(16, 20, 28, .72);
  --panel-solid: #10141c;
  --panel-2: rgba(22, 27, 37, .82);
  --border: rgba(255, 255, 255, .06);
  --border-strong: rgba(255, 255, 255, .12);
  --border-glow: rgba(245, 180, 0, .35);
  /* text */
  --text: #e6ebf2;
  --text-2: #9aa6b8;
  --text-3: #5d6980;
  --text-inverse: #0b0f15;
  /* brand / semantic */
  --accent: #f5b400;
  --accent-rgb: 245, 180, 0;
  --accent-2: #7cf5a0;
  --accent-ink: #1a1400;
  --up: #22d36e;
  --up-rgb: 34, 211, 110;
  --down: #ff4d5e;
  --down-rgb: 255, 77, 94;
  --flat: #9aa6b8;
  --info: #4ea8ff;
  --info-rgb: 78, 168, 255;
  --warn: #ffb020;
  --warn-rgb: 255, 176, 32;
  --grad: linear-gradient(135deg, #f5b400, #ff7a1a);
  --grad-soft: linear-gradient(135deg, rgba(245, 180, 0, .18), rgba(255, 122, 26, .08));
  --grad-text: linear-gradient(120deg, #ffd45c 0%, #f5b400 45%, #ff7a1a 100%);
  /* drought palette (official USDM) */
  --d0: #ffff00; --d1: #fcd37f; --d2: #ffaa00; --d3: #e60000; --d4: #730000;
  /* typography */
  --font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --fs-3xl: 40px;
  --lh: 1.45;
  /* spacing */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  /* radii */
  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;
  /* shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
  --shadow: 0 6px 24px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .03) inset;
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .55), 0 1px 0 rgba(255, 255, 255, .04) inset;
  --glow-accent: 0 0 0 1px rgba(var(--accent-rgb), .35), 0 8px 32px rgba(var(--accent-rgb), .18);
  /* motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 120ms;
  --dur: 220ms;
  --dur-slow: 420ms;
  --flash-ms: 600ms;
  /* layout */
  --header-h: 52px;
  --ticker-h: 30px;
  --footer-h: 28px;
  --sidebar-w: 212px;
  --sidebar-w-collapsed: 56px;
  --row-h: 26px;
  --cell-px: 8px;
  --blur: 12px;
  /* charts */
  --chart-grid: rgba(255, 255, 255, .05);
  --chart-axis: #5d6980;
  --chart-1: #f5b400;
  --chart-2: #4ea8ff;
  --chart-3: #7cf5a0;
  --chart-4: #ff7a1a;
  --chart-5: #c084fc;
  --chart-6: #22d3ee;
  --chart-7: #f472b6;
  --chart-8: #a3e635;
}

[data-density="comfortable"] {
  --row-h: 32px;
  --cell-px: 12px;
  --fs: 13.5px;
  --fs-sm: 12.5px;
}
[data-density="compact"] {
  --row-h: 26px;
  --fs: 12.5px;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f5f9;
  --bg-2: #eef1f6;
  --bg-3: #e7ebf2;
  --panel: rgba(255, 255, 255, .78);
  --panel-solid: #ffffff;
  --panel-2: rgba(255, 255, 255, .92);
  --border: rgba(15, 23, 42, .08);
  --border-strong: rgba(15, 23, 42, .16);
  --border-glow: rgba(214, 150, 0, .35);
  --text: #0f172a;
  --text-2: #4b5768;
  --text-3: #8592a6;
  --text-inverse: #ffffff;
  --accent: #d69600;
  --accent-rgb: 214, 150, 0;
  --accent-2: #12a150;
  --up: #12a150;
  --up-rgb: 18, 161, 80;
  --down: #dc2f3e;
  --down-rgb: 220, 47, 62;
  --flat: #4b5768;
  --info: #1d6fd6;
  --info-rgb: 29, 111, 214;
  --warn: #c77800;
  --warn-rgb: 199, 120, 0;
  --grad: linear-gradient(135deg, #f0b000, #ff7a1a);
  --grad-soft: linear-gradient(135deg, rgba(240, 176, 0, .16), rgba(255, 122, 26, .08));
  --grad-text: linear-gradient(120deg, #c98d00 0%, #e39c00 45%, #ff6a00 100%);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);
  --shadow: 0 6px 24px rgba(15, 23, 42, .10), 0 1px 0 rgba(255, 255, 255, .6) inset;
  --shadow-lg: 0 24px 64px rgba(15, 23, 42, .18);
  --chart-grid: rgba(15, 23, 42, .06);
  --chart-axis: #8592a6;
  --chart-1: #d69600;
  --chart-2: #1d6fd6;
  --chart-3: #12a150;
  --chart-4: #ff6a00;
  --chart-5: #8b3fd9;
  --chart-6: #0891b2;
  --chart-7: #db2777;
  --chart-8: #65a30d;
}