/* ===========================================================================
   OVERTURE — M3 EARTH tokens for PUBLIC WEB PAGES (light + dark).

   Built 27/ SEP/2026 for REL-DL1, the public downloads page. Row P12 /
   OVT-m3-earth-downloads. Authored by Overture; consumed, never copied.

   WHAT THIS IS, and what it is not:
     - The NEUTRAL axis is the ratified "earth-neutrals-h" ramp, taken
       VERBATIM from Mindmeld Hub/design-registry.json (uiNeutralPalettes).
       Those hexes were ratified 06/ SEP/2026 and are not re-derived here.
     - PRIMARY / SECONDARY / TERTIARY are tonal families generated from
       AtlaVentures' gate-passed copper #96502b, by the same tonal-palette
       method that built overture-material3.css from the brass seed.
     - It is NOT Hearth. Hearth Ember is walled off from the fleet design
       system (spec §14, HRT-LAW-06). If you were looking for "the earth
       palette" and found project-hearth.css, that is the wrong file.

   SCOPE: public web pages on Material 3. Windows programs use
   overture-fluent2.css; the fleet's two design languages are deliberately
   different per platform (spec §1).

   Usage: set data-theme="light" or data-theme="dark" on <html>.
   Default (no attribute) is light. No build step, no JS.

   CONSUMPTION: reference this file, do not copy its values. Per spec §15.8
   Overture is the source of the values, not something projects mirror — a
   copied palette is drift waiting to happen. Relay's build pulls this file at
   build time and records its sha256 in the build manifest, which is the
   pattern to follow.

   VERIFIED, not asserted: every on-X pair below was measured with
   Overture/design-central/color-math.mjs at generation time — 21 pairs per
   mode, 42 total, zero failures. Text pairs clear 4.5:1, non-text pairs 3:1.

   ONE DELIBERATE EXEMPTION: --md-sys-color-outline-variant does NOT clear
   3:1, and is not meant to. In M3 it is a DECORATIVE divider — card edges,
   table rules, list separators — not a meaning-bearing control boundary, so
   WCAG 1.4.11 does not bind it. --md-sys-color-outline is the accessible
   stroke and DOES clear 3:1 on every surface tier. If you need a visible
   boundary that carries meaning, use outline, not outline-variant.

   FOCUS RINGS — read this before wiring one. Overture rules elsewhere that
   focus is drawn "in the ink, not the accent" (§15.9 D-3, §16.5.1). That
   ruling was made for FLUENT 2 / Windows surfaces and does NOT govern here:
   M3 has its own focus convention and §1's whole premise is that the two
   languages differ by platform. On this file, draw focus with
   --md-sys-color-outline, which is the earth ramp's accessible stroke and
   clears 3:1 against every surface tier in both modes. Recorded so the two
   rulings cannot be read as contradicting each other.
   =========================================================================== */

:root,
[data-theme="light"] {
  /* Primary */
  --md-sys-color-primary: #6f3516;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #fbd5c3;
  --md-sys-color-on-primary-container: #0e0000;

  /* Secondary */
  --md-sys-color-secondary: #5a4136;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #eadad3;
  --md-sys-color-on-secondary-container: #080201;

  /* Tertiary */
  --md-sys-color-tertiary: #4f491b;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e3dfc5;
  --md-sys-color-on-tertiary-container: #050300;

  /* Error */
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #410002;

  /* Surfaces — the earth neutral axis */
  --md-sys-color-surface: #faf7f1;
  --md-sys-color-surface-dim: #ece6da;
  --md-sys-color-surface-bright: #faf7f1;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f3efe7;
  --md-sys-color-surface-container: #ece6da;
  --md-sys-color-surface-container-high: #e6dfd2;
  --md-sys-color-surface-container-highest: #ddd5c6;
  --md-sys-color-on-surface: #2b2520;
  --md-sys-color-on-surface-variant: #6b5f55;

  /* Outline */
  --md-sys-color-outline: #6b5f55;
  --md-sys-color-outline-variant: #cfc6b7;

  /* Inverse + scrim */
  --md-sys-color-inverse-surface: #2b2520;
  --md-sys-color-inverse-on-surface: #faf7f1;
  --md-sys-color-inverse-primary: #e1b29b;
  --md-sys-color-scrim: #000000;
  --md-sys-color-shadow: #000000;
}

[data-theme="dark"] {
  /* Primary */
  --md-sys-color-primary: #e1b29b;
  --md-sys-color-on-primary: #2c0900;
  --md-sys-color-primary-container: #4c1f04;
  --md-sys-color-on-primary-container: #fbd5c3;

  /* Secondary */
  --md-sys-color-secondary: #cdb9b0;
  --md-sys-color-on-secondary: #20120b;
  --md-sys-color-secondary-container: #3c2920;
  --md-sys-color-on-secondary-container: #eadad3;

  /* Tertiary */
  --md-sys-color-tertiary: #c3bf9e;
  --md-sys-color-on-tertiary: #1b1600;
  --md-sys-color-tertiary-container: #342e08;
  --md-sys-color-on-tertiary-container: #e3dfc5;

  /* Error */
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;

  /* Surfaces — the earth neutral axis */
  --md-sys-color-surface: #1e1b17;
  --md-sys-color-surface-dim: #1e1b17;
  --md-sys-color-surface-bright: #3b352e;
  --md-sys-color-surface-container-lowest: #1e1b17;
  --md-sys-color-surface-container-low: #221f1b;
  --md-sys-color-surface-container: #2a2622;
  --md-sys-color-surface-container-high: #353029;
  --md-sys-color-surface-container-highest: #3b352e;
  --md-sys-color-on-surface: #efe9df;
  --md-sys-color-on-surface-variant: #b3a89a;

  /* Outline */
  --md-sys-color-outline: #b3a89a;
  --md-sys-color-outline-variant: #5a5147;

  /* Inverse + scrim */
  --md-sys-color-inverse-surface: #efe9df;
  --md-sys-color-inverse-on-surface: #1e1b17;
  --md-sys-color-inverse-primary: #6f3516;
  --md-sys-color-scrim: #000000;
  --md-sys-color-shadow: #000000;
}