/* ---------- Clarity Gardens Inventory: colour tokens (shared by every page) ----------
   Every colour in the app is one of these tokens (the shared Clarity palette, plus a few
   app-specific ones). Light is the default; html[data-theme="dark"] swaps them — set before
   first paint by the tiny script in each page's <head>, toggled by the sun/moon button top right.
   Dark values only apply on screen: printing (customer sheets, PDFs) always comes out light. */
:root {
  color-scheme: light;
  /* Clarity pinwheel — the rainbow stripe and brand accents, identical in both modes */
  --brand-purple: #963d97;
  --brand-blue: #009ddc;
  --brand-green: #61b63b;
  --brand-yellow: #fdb827;
  --brand-orange: #f5821f;
  --brand-red: #e03a3e;
  --rainbow: linear-gradient(90deg, #963d97, #009ddc, #61b63b, #fdb827, #f5821f, #e03a3e);

  /* shared Clarity palette */
  --bg: #f4f6f8;
  --card: #ffffff;
  --header: #ffffff;
  --header-line: #e5e7eb;
  --header-box: #fafbfc;
  --logo-bg: transparent;
  --logo-ring: transparent;
  --ink: #16181a;
  --ink-2: #3b4046;
  --muted: #6b7280;
  --line: #e5e7eb;
  --hover: #fafbfc;
  --field: #ffffff;
  --field-line: #cbd5e1;
  --green: #1e6b3a;
  --green-ink: #1e6b3a;
  --green-soft: #e8f3ec;
  --red: #b42318;
  --red-bg: #fef3f2;
  --red-solid: #b42318;
  --amber: #b54708;
  --amber-bg: #fffaeb;
  --blue: #175cd3;
  --blue-bg: #eff8ff;
  --ok: #067647;
  --ok-bg: #ecfdf3;

  /* app extras */
  --on-accent: #ffffff;
  --on-accent-soft: rgba(255, 255, 255, 0.28);
  --faint: #a0a6ad;
  --line-soft: #f0f1f2;
  --subtle: #fafbfc;
  --row-alt: #f6faf5;
  --row-hover: #f2f7fb;
  --chip: #eceff1;
  --tint: rgba(0, 0, 0, 0.05);
  --th-bg: #e8f1e6;
  --th-ink: #3e5c46;
  --th-line: #cbdcc9;
  --green-soft-2: #d9ead3;
  --green-line: #b5d3b8;
  --metrc: #1d4a3a;
  --metrc-hover: #16382c;
  --link: #005f8f;
  --pill-b: #005f8f;
  --blue-soft: #dbe8f4;
  --blue-soft-2: #c9daf8;
  --blue-line: #bcd3f0;
  --amber-soft-2: #ffe599;
  --amber-line: #f1c232;
  --hl: #fff1a8;
  --hl-strong: #ffe97d;
  --red-line: #f5a3a3;
  --purple-ink: #5b3a8c;
  --purple-bg: #faf7fd;
  --purple-soft: #ece3f7;
  --grid-line: #000000;        /* packing grid: spreadsheet look */
  --sheet-black: #000000;      /* potency panel header on the customer sheet */
  --sheet-gold: #ffe599;       /* gold header text on the customer sheets */
  --sheet-gold-2: #f1c232;
  --sheet-blue: #1155cc;
  --sheet-green: #6aa84f;
  --pot-avg: #555555;          /* potency: High = ink, Average = this, Low = this next one */
  --pot-lo: #9a9a9a;
  --shadow-sm: rgba(0, 0, 0, 0.05);
  --shadow-md: rgba(0, 0, 0, 0.14);
  --shadow-lg: rgba(0, 0, 0, 0.24);
  --overlay: rgba(20, 30, 20, 0.45);
  --glow: rgba(30, 107, 58, 0.35);

  /* age buckets (FIFO / Cstmr FIFO): accent, tint, stronger tint, border */
  --age-green: #38761d;  --age-green-bg: #eaf3e6;  --age-green-tint: #d9ead3;  --age-green-line: #6aa84f;
  --age-blue: #3c78d8;   --age-blue-bg: #e8f0fc;   --age-blue-tint: #c9daf8;   --age-blue-line: #6d9eeb;
  --age-purple: #674ea7; --age-purple-bg: #efecf6; --age-purple-tint: #d9d2e9; --age-purple-line: #8e7cc3;
  --age-gold: #bf9000;   --age-gold-bg: #fdf5dc;   --age-gold-tint: #ffe599;   --age-gold-line: #f1c232;
  --age-red: #e03a3e;    --age-red-bg: #fdeaea;

  /* order list colour tags: stripe / swatch, row tint */
  --tag-red: #e03a3e;    --tag-red-bg: #fdecec;
  --tag-orange: #f5821f; --tag-orange-bg: #fef0e3;
  --tag-yellow: #f1c232; --tag-yellow-bg: #fff8d9;
  --tag-green: #61b63b;  --tag-green-bg: #ebf6e5;
  --tag-blue: #009ddc;   --tag-blue-bg: #e3f4fb;
  --tag-purple: #963d97; --tag-purple-bg: #f5e9f5;
  --tag-pink: #e75fa8;   --tag-pink-bg: #fdebf4;
  --tag-grey: #8a929a;   --tag-grey-bg: #eef0f2;
}
@media screen {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f1316;
    --card: #171c20;
    --header: #1f2838;          /* slate blue, a step lighter than the page */
    --header-line: #2f3b50;
    --header-box: #263043;
    --logo-bg: #eef1f5;         /* light disc so the logo's black centre shows */
    --logo-ring: rgba(255, 255, 255, 0.08);
    --ink: #e6e9ec;
    --ink-2: #c3c9cf;
    --muted: #8d969f;
    --line: #2a3137;
    --hover: #1c2227;
    --field: #11161a;
    --field-line: #3a434b;
    --green: #2f8a4f;
    --green-ink: #5fd08f;
    --green-soft: #17301f;
    --red: #f97066;
    --red-bg: #2b1517;
    --red-solid: #d92d20;
    --amber: #fdb022;
    --amber-bg: #2a2010;
    --blue: #7cb1ff;
    --blue-bg: #12233b;
    --ok: #47cd89;
    --ok-bg: #10291c;

    --on-accent: #ffffff;
    --on-accent-soft: rgba(255, 255, 255, 0.22);
    --faint: #69727b;
    --line-soft: #20262b;
    --subtle: #1a2025;
    --row-alt: #1a1f24;
    --row-hover: #1f2730;
    --chip: #232a30;
    --tint: rgba(255, 255, 255, 0.06);
    --th-bg: #1c2a22;
    --th-ink: #a9c7b1;
    --th-line: #2f4436;
    --green-soft-2: #1f3d29;
    --green-line: #2f5a3e;
    --metrc: #2a6a52;
    --metrc-hover: #327a60;
    --link: #6cc3f0;
    --pill-b: #1f6f9a;
    --blue-soft: #1b3150;
    --blue-soft-2: #1d3557;
    --blue-line: #23426b;
    --amber-soft-2: #3a3014;
    --amber-line: #5a4417;
    --hl: #3a3412;
    --hl-strong: #4a4216;
    --red-line: #5c2a2a;
    --purple-ink: #c4a7f0;
    --purple-bg: #221b2e;
    --purple-soft: #2d2340;
    --grid-line: #56606a;
    --sheet-black: #05080a;
    --sheet-gold: #ffe599;
    --sheet-gold-2: #f1c232;
    --sheet-blue: #7aa7f0;
    --sheet-green: #8ccf6f;
    --pot-avg: #aab1b8;
    --pot-lo: #6f7880;
    --shadow-sm: rgba(0, 0, 0, 0.35);
    --shadow-md: rgba(0, 0, 0, 0.5);
    --shadow-lg: rgba(0, 0, 0, 0.6);
    --overlay: rgba(0, 0, 0, 0.6);
    --glow: rgba(47, 138, 79, 0.45);

    --age-green: #7cc36a;  --age-green-bg: #16261a;  --age-green-tint: #1d3322;  --age-green-line: #3f6b3a;
    --age-blue: #7cb1ff;   --age-blue-bg: #14213a;   --age-blue-tint: #1b2c4a;   --age-blue-line: #36598f;
    --age-purple: #b9a6ec; --age-purple-bg: #221d33; --age-purple-tint: #2b2442; --age-purple-line: #5c4d8a;
    --age-gold: #e3b341;   --age-gold-bg: #2a2310;   --age-gold-tint: #352c12;   --age-gold-line: #7a6420;
    --age-red: #f97066;    --age-red-bg: #2b1517;

    --tag-red: #f26b6e;    --tag-red-bg: #331a1c;
    --tag-orange: #f79a4a; --tag-orange-bg: #33231a;
    --tag-yellow: #f1c232; --tag-yellow-bg: #312a14;
    --tag-green: #7cc36a;  --tag-green-bg: #19291a;
    --tag-blue: #3fb6e8;   --tag-blue-bg: #13283a;
    --tag-purple: #c27fc3; --tag-purple-bg: #2a1d2c;
    --tag-pink: #f08cc0;   --tag-pink-bg: #331d2a;
    --tag-grey: #9aa2aa;   --tag-grey-bg: #23292e;
  }
}