/* Values come from design/brand.txt. */
:root{
  --font-display:"Gambetta",Georgia,"Times New Roman",serif;
  --font-text:"General Sans",-apple-system,"Segoe UI",sans-serif;
  --font-title:"Satoshi",-apple-system,"Segoe UI",sans-serif;

  --display-weight:500;
  --title-weight:500;
  --label-style:italic;
  --label-weight:400;
  /* Gambetta has no tabular figures, so times put each digit in a slot this wide */
  --digit-w:.6em;

  --fs-title:30px;
  --fs-date:16px;
  --fs-task:16px;
  --fs-sub:14px;
  --fs-time:14px;
  --fs-section:16px;
  --fs-button:16px;
  --fs-tab:12px;

  --r:4px;
  --r-check:2px;

  --h-button:56px;
  --h-input:52px;
  --s-check:24px;
  --h-row:64px;
  --row-gap:8px;

  --gutter:16px;
  --col-main:680px;
  --col-panel:340px;

  --fade:150ms ease;

  /* Theme A, light */
  --bg:#F7F4EC;
  --bg-2:#F7F4EC;
  --surface:#FFFEFA;
  --text:#1F4229;
  --muted:#64735E;
  --line:#E3E0D6;
  --primary:#2E5A39;
  --on-primary:#FFFFFF;
  --check:#2E5A39;
  --on-check:#FFFFFF;
  /* The brand accent #86A877 is 2.4:1 on paper, too faint for text, so text uses this darker step */
  --accent-text:#3F7A4C;
  --now-bg:rgba(134,168,119,.12);
  /* Overdue only, always next to the word "Overdue". 5.6:1 on paper */
  --overdue:#9A4A2E;
  --focus:#2E5A39;
  --show-light:inline-block;
  --show-dark:none;

  /* Category bars: one green per group, each at least 3:1 on the background */
  --cat-training:#172E1C;
  --cat-school:#25492D;
  --cat-food:#32643D;
  --cat-social:#407F4E;
  --cat-routine:#4E9B5F;
  color-scheme:light;
}

/* Theme B, dark. Green-black, lighter than brand.txt's original #0F1A13. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#13241A;
    --bg-2:#182C20;
    --surface:#1D3326;
    --text:#EEF3EA;
    --muted:#A9B7A5;
    --line:#2A4232;
    --primary:#A9C79A;
    --on-primary:#13241A;
    --check:#86A877;
    --on-check:#13241A;
    --accent-text:#A9C79A;
    --now-bg:rgba(169,199,154,.08);
    --overdue:#D9937A;
    --focus:#A9C79A;
    --show-light:none;
    --show-dark:inline-block;
    --cat-training:#D9ECDE;
    --cat-school:#9ECEA9;
    --cat-food:#67B278;
    --cat-social:#4B955C;
    --cat-routine:#3D794A;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#13241A;
  --bg-2:#182C20;
  --surface:#1D3326;
  --text:#EEF3EA;
  --muted:#A9B7A5;
  --line:#2A4232;
  --primary:#A9C79A;
  --on-primary:#13241A;
  --check:#86A877;
  --on-check:#13241A;
  --accent-text:#A9C79A;
  --now-bg:rgba(169,199,154,.08);
  --overdue:#D9937A;
  --focus:#A9C79A;
  --show-light:none;
  --show-dark:inline-block;
  --cat-training:#D9ECDE;
  --cat-school:#9ECEA9;
  --cat-food:#67B278;
  --cat-social:#4B955C;
  --cat-routine:#3D794A;
  color-scheme:dark;
}