/* SCOVR - GLOBAL FORM TOKENS
   Single source of truth. Edited in Dev mode #1 -> Global form settings
   (SCOVR-APP/public/page-settings.html). Never edit a copy by hand.

   Vendored into each repo, because they deploy independently:
     SCOVR-APP   public/tokens/form-tokens.css      <- canonical
     SCOVR-COM   web/tokens/form-tokens.css
     AMVLET-COM  web/tokens/form-tokens.css
     SCOVR-INFO  apps/../public/tokens/form-tokens.css

   Propagate a change:  node tools/sync-form-tokens.mjs
   Detect drift:        node tools/sync-form-tokens.mjs --check

   Plain ASCII on purpose: a box-drawing rule before the closing marker
   left the parser inside the comment and swallowed the :root block below.
*/

:root {
  /* Shape */
  --field-height: 48px;
  --field-size: 16px;
  --field-font: 'Aeonik', system-ui, sans-serif;
  --field-gap: 16px;

  /* Floated label. Legend metrics must match these or the notch mis-sizes. */
  --field-lab-size: 10.5px;
  --field-lab-weight: 500;

  /* Focus colour. The app and console focus green; the marketing sites
     take the gold via the brand attribute below. */
  --field-focus: #00BA77;
}

[data-brand="marketing"] {
  --field-focus: #C59972;
}