/* GENERATED FILE. Do not hand-edit.
   Source of truth: Production/branding/brand.tokens.json
   Regenerate: python Production/branding/generate_tokens.py
   Drift check: python Production/branding/generate_tokens.py --check */

:root {
  /* Core palette */
  --brand-canvas: #FAF8F6;
  --brand-surface: #FFFDF9;
  --brand-ink: #2E2831;
  --brand-muted: #655D66;
  --brand-accent: #6E4F63;
  --brand-accent-hover: #5B4052;
  --brand-accent-soft: #EDE8F3;
  --brand-rule: #DED6CD;
  --brand-clay: #C98272;
  --brand-taupe: #B59D90;
  --brand-olive: #898C61;
  --brand-orb-clay: #CB8270;
  --brand-white: #FFFFFF;
  --brand-canvas-soft: #F5EFEB;
  --brand-canvas-glow: #FBF8F5;
  --brand-canvas-wash: #F7F1EE;
  --brand-mosaic-placeholder: #E9DFD5;
  --brand-board-start: #EDE3D7;
  --brand-board-middle: #FBF7F1;
  --brand-board-end: #E9DED5;
  --brand-text-subtle: #8C8288;
  --brand-capture-border: #CBBBC2;
  --brand-capture-start: #EDE5E5;
  --brand-capture-end: #DFD4CF;
  --brand-error-surface: #EFE1DF;
  --brand-error-text: #A95F56;
  --brand-modal-rule: #DDD5CF;
  --brand-desktop-canvas: #EEE9E4;

  /* Semantic aliases */
  --brand-background: #FAF8F6;
  --brand-focus: #C98272;
  --brand-orb-taupe: #B59D90;
  --brand-orb-olive: #898C61;
  --brand-orb-clay: #CB8270;

  /* Type roles (families only; faces load via typography.css).
     The --brand-font-* names exist for stylesheets that must re-derive
     the plain names inside their own cascade (vaela_v2.html overlay). */
  --brand-font-wordmark: "Newsreader", Georgia, serif;
  --brand-font-display: "Newsreader", Georgia, serif;
  --brand-font-ui: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-wordmark: var(--brand-font-wordmark);
  --font-display: var(--brand-font-display);
  --font-ui: var(--brand-font-ui);

  /* Wordmark treatment (Refined Serif / Newsreader, the official logo type) */
  --wordmark-weight: 500;
  --wordmark-tracking: 0.01em;

  /* Shape and motion */
  --radius-card: 22px;
  --radius-button: 13px;
  --radius-pill: 999px;
  --motion-standard: 160ms ease;
  --motion-swirl: 1.8s cubic-bezier(0.45, 0, 0.25, 1);
  --motion-breathe: 2.2s ease-in-out;

  /* Three-circle mark */
  --orb-opacity: 0.78;
}