/* CommiTea color system — "Green tea service"
   Cool porcelain surfaces, slate-green ink, jade accent (from the cup itself).
   Light is default (morning service). Dark scope: [data-theme="dark"] (evening service). */

:root {
  /* ---- base: porcelain (cool green-white surfaces) ---- */
  --paper-0: #F0F4F0;   /* app background */
  --paper-1: #FAFCF9;   /* raised card */
  --paper-2: #E4EBE4;   /* inset wells, rails */
  --paper-3: #D7E1D8;   /* pressed / deep inset */

  /* ---- base: ink (slate-green text scale) ---- */
  --ink-1: #1D2522;     /* primary text */
  --ink-2: #51605A;     /* secondary text */
  --ink-3: #84928B;     /* muted / placeholder */
  --ink-inverse: #EFF5F0;

  /* ---- base: lines ---- */
  --line-1: #D7DFD7;    /* hairline */
  --line-2: #BACBBE;    /* strong rule */

  /* ---- base: spruce (brand green — the logo's slate-teal) ---- */
  --spruce-9: #16322A;
  --spruce-8: #1D4238;
  --spruce-7: #275546;  /* brand anchor */
  --spruce-6: #3A7260;
  --spruce-5: #57937C;
  --spruce-3: #A3CFBB;
  --spruce-2: #CDE5D7;
  --spruce-1: #E3F0E8;

  /* ---- base: jade (mint accent — the tea itself) ---- */
  --jade-7: #2E7A57;
  --jade-6: #46996F;
  --jade-5: #66B389;
  --jade-3: #A8DDBE;
  --jade-1: #E0F4E7;

  /* ---- semantic: surfaces & text ---- */
  --surface-app: var(--paper-0);
  --surface-card: var(--paper-1);
  --surface-inset: var(--paper-2);
  --surface-raised: var(--paper-1);
  --text-body: var(--ink-1);
  --text-secondary: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-on-accent: var(--ink-inverse);
  --border-hairline: var(--line-1);
  --border-strong: var(--line-2);

  /* ---- semantic: interactive ---- */
  --accent: var(--spruce-7);
  --accent-hover: #1F4A3C;
  --accent-pressed: #173B30;
  --accent-tint: var(--spruce-1);
  --accent-text: var(--spruce-7);
  --jade: var(--jade-6);
  --jade-tint: var(--jade-1);
  --focus-ring: #57937C;

  /* ---- semantic: status ---- */
  --ok: #2F7D53;
  --ok-tint: #DFEEE3;
  --warn: #96772A;
  --warn-tint: #EFE9D2;
  --danger: #A84632;
  --danger-tint: #F2E0DA;
  --info: #43758F;
  --info-tint: #DFE9EC;

  /* ---- domain: label chips (gitea label sets) ---- */
  --label-est-bg: var(--paper-2);
  --label-est-text: var(--ink-2);
  --label-p1: #A84632;
  --label-p2: #96772A;
  --label-p3: #43758F;
  --label-p4: #84928B;
  --label-hard: #A84632;

  /* ---- domain: forecast ---- */
  --cone-fill: rgba(102, 179, 137, 0.18);
  --cone-line: #46996F;
  --cone-actual: var(--ink-1);
}

[data-theme="dark"] {
  /* evening service */
  --paper-0: #121C18;
  --paper-1: #182420;
  --paper-2: #1F2E28;
  --paper-3: #283A32;

  --ink-1: #E4EEE7;
  --ink-2: #9FB2A8;
  --ink-3: #66796F;
  --ink-inverse: #EFF5F0;

  --line-1: #263630;
  --line-2: #35493F;

  --spruce-1: #1E332B;
  --spruce-2: #27443A;
  --spruce-3: #3A6353;

  --jade-1: #1F3A2E;
  --jade-3: #35624A;

  --accent: #3A7260;
  --accent-hover: #448069;
  --accent-pressed: #315F51;
  --accent-tint: #1E332B;
  --accent-text: #8CC7AC;
  --jade: #6FC694;
  --jade-tint: #1F3A2E;
  --focus-ring: #57937C;

  --ok: #74B992;
  --ok-tint: #1F3529;
  --warn: #C0A45B;
  --warn-tint: #33301F;
  --danger: #C77B62;
  --danger-tint: #392823;
  --info: #7FA6BC;
  --info-tint: #223038;

  --label-est-bg: var(--paper-3);
  --label-est-text: var(--ink-2);
  --label-p1: #C77B62;
  --label-p2: #C0A45B;
  --label-p3: #7FA6BC;
  --label-p4: #66796F;
  --label-hard: #C77B62;

  --cone-fill: rgba(111, 198, 148, 0.14);
  --cone-line: #6FC694;
  --cone-actual: #E4EEE7;
}
