/**
 * Ecore design tokens — ecosurfaces.
 *
 * Role-based CSS custom properties shared by every Ecore site, so that Single
 * Directory Components can move between sites without being edited.
 *
 * This is deliberately plain CSS attached via the `ecore/tokens` library rather
 * than Sass output: the tokens must be present whether or not the Vite build
 * has been run, and components must never depend on a build step for colour.
 * Sass reads these with var() (see _partials/_variables.scss) but never
 * defines them — this file is the single source of truth.
 *
 * Only the "Brand" block differs between sites. Everything below it is
 * identical across the Ecore family — keep it that way.
 *
 * Channel (`-rgb`) companions exist for every token that Sass passes through
 * rgba(). `rgba(var(--ec-ink-strong), 0.5)` is invalid CSS and is silently
 * dropped by the browser, so alpha call sites must use
 * `rgba(var(--ec-ink-strong-rgb), 0.5)` instead.
 */

:root {
  /* Brand — site-specific. */
  --ec-primary: #135644;
  --ec-primary-rgb: 19, 86, 68;
  --ec-primary-contrast: #fff; /* 8.6:1 */
  --ec-accent: #f44604;
  --ec-accent-rgb: 244, 70, 4;
  --ec-accent-contrast: #000; /* 5.7:1 — white would be 3.7:1 and fail AA */
  --ec-highlight: #f3c300; /* slider dots; primary is too dark here */

  /* Ink — shared. */
  --ec-ink-strong: #000;
  --ec-ink-strong-rgb: 0, 0, 0;
  --ec-ink: #363940;
  --ec-ink-rgb: 54, 57, 64;
  --ec-ink-muted: #54555a;
  --ec-ink-muted-rgb: 84, 85, 90;
  --ec-ink-inverse: #fff;

  /* Surface — shared. */
  --ec-surface: #fff;
  --ec-surface-rgb: 255, 255, 255;
  --ec-surface-sunken: #f6f7fa;
  --ec-surface-sunken-rgb: 246, 247, 250;
  --ec-surface-raised: #fefeff;
  --ec-surface-inverse: #363940;
  --ec-overlay: #060708;
  --ec-overlay-rgb: 6, 7, 8;
  --ec-scrim: rgba(6, 7, 8, 0.8);

  /* Line — shared. No Sass variable exists for these; the values are the ones
     already hardcoded in the ecore_common component stylesheets. */
  --ec-line: #e0e2e8;
  --ec-line-strong: #d0d1d3;

  /* Feedback — shared. --ec-danger is kept separate from --ec-accent even
     though they match here: on qtsoundcontrol they differ. */
  --ec-focus-ring: #3ea7ff;
  --ec-success: #0eb054;
  --ec-danger: #f44604;
  --ec-danger-rgb: 244, 70, 4;

  /* Type — shared. All six Sass-lineage sites ship identical font binaries. */
  --ec-font-display: Geomanist, sans-serif;
  --ec-font-body: Silka, sans-serif;
  --ec-font-legacy: 'Open Sans', sans-serif;

  /* Layout — shared. */
  --ec-container: 1400px;
  --ec-container-narrow: 1124px;

  /* Extended palette — decorative one-offs kept only so the Sass variables
     below have a home. NOT part of the shared component contract; do not
     reference these from an SDC. */
  --ec-legacy-purple: #b24dac;
  --ec-legacy-green-dark: #148143;
  --ec-legacy-lime: #cdde00;
}