/* ParthAI design tokens — dark theme first, then the light theme. Brand colours are sampled from the logo mark only. */
:root {
  color-scheme: dark;

  /* Brand (sampled from logo-mark.png: left → centre → right) */
  --blue: #0d73e8;
  --teal: #29a397;
  --green: #4ab94d;
  --grad: linear-gradient(120deg, #0d73e8 0%, #29a397 52%, #4ab94d 100%);
  --grad-v: linear-gradient(180deg, #0d73e8 0%, #29a397 52%, #4ab94d 100%);
  --grad-soft: linear-gradient(120deg, rgb(13 115 232 / 0.16), rgb(41 163 151 / 0.12), rgb(74 185 77 / 0.16));
  --blue-rgb: 13 115 232;
  --teal-rgb: 41 163 151;
  --green-rgb: 74 185 77;

  /* Surfaces */
  --bg: #050607;
  --bg-2: #080b0c;
  --surface-1: #0b0f11;
  --surface-2: #11161a;
  --surface-3: #182024;
  --line: #1c2429;
  --line-strong: #29343a;
  --line-bold: #3f4f57;
  --overlay: rgb(2 4 5 / 0.72);

  /* Text */
  --text: #eef3f1;
  --text-2: #b8c3c5;
  --muted: #7d898e;
  --on-brand: #03100a;

  /* Status (tuned for the dark background) */
  --deficient: #f2b33d;
  --sufficient: #4ab94d;
  --excess: #f0625a;
  --info: #4c9df5;
  --danger: #f0625a;

  /* Type */
  --font-display: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --font-ui: 'Inter Tight Variable', 'Inter Tight', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans Devanagari', sans-serif;
  --font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, Consolas, monospace;
  --font-hi: 'Noto Sans Devanagari', var(--font-ui);

  --fs-xs: 0.78rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  --fs-3xl: clamp(2.4rem, 1.6rem + 3.2vw, 4rem);
  --fs-hero: clamp(2.6rem, 1.6rem + 4.2vw, 5rem);

  /* Space, radius, depth */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 72px;
  --s-9: 112px;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  --shadow-1: 0 1px 0 rgb(255 255 255 / 0.04) inset, 0 16px 40px -18px rgb(0 0 0 / 0.8);
  --shadow-2: 0 1px 0 rgb(255 255 255 / 0.05) inset, 0 30px 80px -30px rgb(0 0 0 / 0.9);
  --glow: 0 0 0 1px rgb(var(--teal-rgb) / 0.25), 0 20px 60px -20px rgb(var(--teal-rgb) / 0.45);

  /* See-through panels and small details that change with the screen colour */
  --header-bg: rgb(5 6 7 / 0.72);
  --nav-bg: rgb(8 11 12 / 0.9);
  --glass: rgb(12 16 18 / 0.82);
  --glass-2: rgb(11 15 17 / 0.7);
  --card-end: rgb(11 15 17 / 0.6);
  --glow-card-end: var(--bg-2);
  --glow-edge: rgb(255 255 255 / 0.04);
  --line-hover: #36434a;
  --dash: #34434a;
  --placeholder: #56636a;
  --tile-fg: #dff3ec;
  --strong: #fff;
  --gap-deficient: #f7cf7f;
  --gap-excess: #f79a94;
  --danger-fg: #ffb3ae;
  --selection-fg: #fff;
  --texture-opacity: 0.5;
  --glow-top: 0.13;
  --glow-bottom: 0.11;

  /* Home page soil-card drawing */
  --art-card: #0f1417;
  --art-card-head: #152026;
  --art-card-line: #29343a;
  --art-ink: #b8c3c5;
  --art-title: #8fd6c8;
  --art-track: #1c2429;
  --art-soil-top: #3a2a1d;
  --art-soil-deep: #130d09;
  --art-soil-grain: #57402e;
  --art-soil-shade: rgb(0 0 0 / 0.6);
  --art-furrow: rgb(0 0 0 / 0.35);
  --art-grass: #3f9a45;
  --art-grass-light: #6cc766;
  --art-grass-dark: #2f7a35;
  --farm-sky-top: #0e2633;
  --farm-sky-bottom: #1a4150;
  --farm-cloud: #2a4450;
  --farm-rain: rgb(170 210 235 / 0.5);
  --farm-trees: #143b22;
  --farm-trees-2: #1b4d2c;
  --farm-field-top: #245a26;
  --farm-field-bottom: #163b18;
  --farm-row: #0f3312;
  --farm-path: #5a3a20;
  --art-mote: #9ff0a0;
  --art-screen-top: #0d1416;
  --art-screen-bottom: #10201a;

  --header-h: 68px;
  --container: 1200px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 220ms;
}

/* ================= Light theme (the default) =================
   Soft mint-white, like the white strokes of the logo on its blue → green tile.
   Brand colours are a shade deeper so text and white-on-gradient buttons stay easy to read outdoors. */
:root[data-theme='light'] {
  color-scheme: light;

  --blue: #0a62c8;
  --teal: #17857a;
  --green: #2b8a31;
  --grad: linear-gradient(120deg, #0a62c8 0%, #17857a 52%, #2b8a31 100%);
  --grad-v: linear-gradient(180deg, #0a62c8 0%, #17857a 52%, #2b8a31 100%);
  --grad-soft: linear-gradient(120deg, rgb(13 115 232 / 0.1), rgb(41 163 151 / 0.08), rgb(74 185 77 / 0.1));

  --bg: #f4f9f7;
  --bg-2: #eaf3f0;
  --surface-1: #ffffff;
  --surface-2: #f1f7f5;
  --surface-3: #e3eeea;
  --line: #d6e4df;
  --line-strong: #bfd3cd;
  --line-bold: #86a89e;
  --overlay: rgb(12 35 32 / 0.4);

  --text: #0d2622;
  --text-2: #3b5550;
  --muted: #667c77;
  --on-brand: #ffffff;

  --deficient: #a86a12;
  --sufficient: #2b8a31;
  --excess: #c93a30;
  --info: #0a62c8;
  --danger: #c93a30;

  --shadow-1: 0 1px 0 rgb(255 255 255 / 0.8) inset, 0 12px 32px -18px rgb(13 60 52 / 0.22);
  --shadow-2: 0 1px 0 rgb(255 255 255 / 0.9) inset, 0 24px 60px -28px rgb(13 60 52 / 0.32);
  --glow: 0 0 0 1px rgb(var(--teal-rgb) / 0.25), 0 20px 50px -24px rgb(var(--teal-rgb) / 0.4);

  --header-bg: rgb(255 255 255 / 0.8);
  --nav-bg: rgb(255 255 255 / 0.94);
  --glass: rgb(255 255 255 / 0.9);
  --glass-2: rgb(255 255 255 / 0.75);
  --card-end: #f8fcfb;
  --glow-card-end: #f6fbf9;
  --glow-edge: rgb(13 60 52 / 0.07);
  --line-hover: #a6c0b9;
  --dash: #a6c0b9;
  --placeholder: #8a9e99;
  --tile-fg: var(--teal);
  --strong: var(--text);
  --gap-deficient: #955d0c;
  --gap-excess: #b8322a;
  --danger-fg: #b42318;
  --selection-fg: var(--text);
  --texture-opacity: 0.16;
  --glow-top: 0.12;
  --glow-bottom: 0.12;

  --art-card: #ffffff;
  --art-card-head: #cdeae2;
  --art-card-line: #b3d0c8;
  --art-ink: #1f3d38;
  --art-title: #0f6b61;
  --art-track: #d2e4de;
  --art-soil-top: #9b6a3d;
  --art-soil-deep: #5a3a20;
  --art-soil-grain: #3e2816;
  --art-soil-shade: rgb(60 35 15 / 0.45);
  --art-furrow: rgb(55 32 14 / 0.38);
  --art-grass: #3a9a3d;
  --art-grass-light: #68c052;
  --art-grass-dark: #23752a;
  --farm-sky-top: #2f97d0;
  --farm-sky-bottom: #9fd8ee;
  --farm-cloud: #ffffff;
  --farm-rain: rgb(255 255 255 / 0.85);
  --farm-trees: #1d6630;
  --farm-trees-2: #2c8438;
  --farm-field-top: #4aa13a;
  --farm-field-bottom: #2d7a27;
  --farm-row: #226622;
  --farm-path: #94602f;
  --art-mote: #1f944a;
  --art-screen-top: #e6f5ef;
  --art-screen-bottom: #cce8dc;
}