/* ============================================================================
   A2A STYLE — design tokens (the variables)
   The single source of truth for the house palette, type, spacing, and motion.
   Everything else (base reset, buttons/inputs/table, editorial components) lives
   in components.css and CONSUMES these variables. Import order in any project:
       tokens.css  FIRST,  then  components.css
   See DESIGN-LAW.md for the rules; styleguide.html to see it all rendered.
   ============================================================================ */

:root{
  /* grayscale ramp — the entire palette is gray (plus the two reserved meter hues below) */
  --g0:#FFFFFF; --g1:#F4F5F6; --g2:#E3E5E8; --g3:#C9CDD2;
  --g4:#A7ACB3; --g5:#787E86; --g6:#4A4F57; --g7:#23262B;
  --ground:#F4F5F6;  /* page ground — faint gray, never pure white, never dark */
  --soft:#353A42;    /* soft ink — the one "strong" element (primary buttons, accents) */
  --ink-2:#636973;   /* secondary/quiet TEXT — passes WCAG AA on the ground (5.06:1).
                        g4/g5 are for fills & lines, NOT small text. */

  /* spacing scale — 8-pt rhythm with 4/12 helpers. Use these for every gap/padding/margin. */
  --sp-2:2px; --sp-4:4px; --sp-8:8px; --sp-12:12px; --sp-16:16px;
  --sp-24:24px; --sp-32:32px; --sp-48:48px; --sp-64:64px;

  /* motion — functional & quiet; one easing curve */
  --dur-fast:120ms; --dur:200ms; --ease:cubic-bezier(.2,0,.2,1);

  /* the two reserved hues — scales/meters ONLY, never text/borders/icons/decoration */
  --belief-0:#CBD6BF; --belief-1:#BBCBA8; --belief-2:#9AB382; --belief-3:#6E8B53; /* positive — belief carried / transference */
  --neg-0:#D8C2BD;    --neg-1:#C8A39B;    --neg-2:#AE7B71;    --neg-3:#8A5247;    /* negative — loss / resistance / risk */

  /* type families (Source Serif 4 + Inter come from fonts.css) */
  --serif:'Source Serif 4',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:'SFMono-Regular',Consolas,monospace;
}