/* ── tokens.css — Two Truths design tokens ─────────────────────────────────
   One tree. The canopy (relative life) is warm and visible; the roots
   (ultimate truth) are cool and hidden; sap is the gold that moves between
   them. Neither half is "higher" — the palette must never rank the two. */

:root {
  /* ── Canopy — relative life, warm ─────────────────────────────── */
  --canopy-900:#4A2A14; --canopy-700:#8C4A22; --canopy-500:#C47B3A;
  --canopy-300:#E8A552; --canopy-100:#F4E6D4; --canopy-050:#FDF6EA;

  /* ── Root — ultimate truth, cool ──────────────────────────────── */
  --root-900:#111725;  --root-700:#222E57;  --root-500:#2B3A67;
  --root-300:#6C7BB8;  --root-100:#E1E6F4;  --root-050:#F1F3FA;

  /* ── Sap — the gold that moves between them ───────────────────── */
  --sap-core:#FFF6DE; --sap:#D9AE5F; --sap-deep:#B08D57; --sap-edge:#8A6A38;

  /* ── Soil line — "today" ──────────────────────────────────────── */
  --soil:#6B5940; --soil-soft:#EFE6D6;

  /* ── The five roots ───────────────────────────────────────────── */
  --p-emptiness:#5B7F98;   /* clear water  */
  --p-awareness:#585489;   /* twilight     */
  --p-work:#A05C2C;        /* worked earth */
  --p-surrender:#74558A;   /* dusk violet  */
  --p-prayer:#B07F3F;      /* candle       */

  /* ── The six boughs ───────────────────────────────────────────── */
  --d-family:#A84C39;   --d-friends:#BB8236;  --d-career:#7E7136;
  --d-finances:#5F7247; --d-wealth:#4E6B4C;   --d-rest:#42736F;

  /* ── Surfaces (light = default) ───────────────────────────────── */
  --paper:#FBF8F3;  --paper-2:#F5EFE4;  --card:#FFFFFF;  --card-2:#FBF6EC;
  --line:#E7DECB;   --line-strong:#D6C9B0;
  --ink:#1F1A14;    --ink-2:#57503F;    --ink-3:#8B8271;

  /* ── Type ─────────────────────────────────────────────────────── */
  --font-display:'Fraunces','Iowan Old Style',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ── Shape / elevation / motion ───────────────────────────────── */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px;
  --sh-1:0 1px 2px rgba(31,26,20,.05), 0 2px 8px rgba(31,26,20,.05);
  --sh-2:0 6px 20px rgba(31,26,20,.09), 0 2px 6px rgba(31,26,20,.05);
  --sh-3:0 18px 50px rgba(31,26,20,.16);
  --sh-sap:0 10px 34px rgba(176,141,87,.24);
  --ease:cubic-bezier(.4,0,.2,1);
  --wrap:1180px;
}

/* Light is the DEFAULT. Dark applies ONLY when the user toggles it (app.js
   sets data-theme="dark"); it never follows the OS, so the site always opens
   light and the toggle is deterministic. */
:root[data-theme="light"] { color-scheme: light; }

:root[data-theme="dark"] {
  color-scheme: dark;

  --canopy-100:#3A2716; --canopy-050:#241A10;
  --root-100:#1B2136;   --root-050:#151A2B;

  --paper:#100E0C; --paper-2:#171310; --card:#1C1815; --card-2:#231D18;
  --line:#332A20;  --line-strong:#463829;
  --ink:#F2E9DA;   --ink-2:#C6B9A4;   --ink-3:#948873;

  --soil-soft:#2A2218;

  /* Lift the cool family so root content stays legible on a dark ground. */
  --root-300:#9BAAE8; --root-500:#8494D8;
  --p-emptiness:#8FB3C9; --p-awareness:#9A94D0; --p-work:#D08B54;
  --p-surrender:#B18ECB; --p-prayer:#DBAC6A;

  --d-family:#D87C66; --d-friends:#E0AA5E; --d-career:#B7A85C;
  --d-finances:#93AC74; --d-wealth:#7FA07C; --d-rest:#6FA9A4;

  --sap:#E3C382; --sap-deep:#C9A468; --sap-core:#3A3122;

  --sh-1:0 1px 2px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
  --sh-2:0 6px 20px rgba(0,0,0,.45);
  --sh-3:0 18px 50px rgba(0,0,0,.6);
  --sh-sap:0 10px 34px rgba(0,0,0,.5);
}