/* Shared Voati application foundations. Synced into application build contexts. */
:root {
  --v-canvas:#f7f6ef; --v-surface:#fffefa; --v-ink:#102a24; --v-muted:#52625d;
  --v-forest:#092f25; --v-forest-hover:#164b3c; --v-lime:#e2f4ae;
  --v-line:#dce1d9; --v-danger:#9e332a; --v-warning:#785113;
  --v-radius:12px; --v-control-radius:8px; --v-control-height:42px;
  --v-space-1:4px; --v-space-2:8px; --v-space-3:12px; --v-space-4:16px;
  --v-space-5:24px; --v-space-6:32px; --v-space-7:48px;
  --v-font-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --v-font-heading:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
[data-theme="dark"], [data-theme="dark-custom"] {
  --v-canvas:#0c211a; --v-surface:#142e25; --v-ink:#edf4ed; --v-muted:#b6c5bc;
  --v-forest:#d8efa7; --v-forest-hover:#e9f7c9; --v-lime:#294a35;
  --v-line:#385145; --v-danger:#ffc3bb; --v-warning:#f4cf84;
}

/* ===== Voati brand 2026 — "blueprint at night" =====
   The single source for every Voati product and website. Edit here, then run:
     python3 ~/stacks/voati-ui/scripts/sync-tokens.py
   Stylesheets reference these as var(--voati-*, <fallback>), so a page still renders if this file loads late. */
:root {
  /* Stage (dark) */
  --voati-ink:#06120d; --voati-night:#0a1d15; --voati-forest:#0f2a1f; --voati-forest-2:#143829; --voati-moss:#1d4a37;
  /* Signal */
  --voati-lime:#c6f25e; --voati-lime-hover:#d4fb72; --voati-lime-ink:#10240f; --voati-gold:#c9a557;
  /* Text on dark */
  --voati-text:#e9f0ea; --voati-read:#cad7cd; --voati-soft:#b9c8bd; --voati-muted:#8ea395; --voati-faint:#5f7667;
  /* Lines and the engineering grid */
  --voati-line:rgba(205,236,184,.11); --voati-line-2:rgba(205,236,184,.2); --voati-grid-size:72px;
  /* Paper (light surfaces: certificates, forms, light app theme) */
  --voati-paper:#f2f0e7; --voati-paper-ink:#10221a; --voati-paper-muted:#5b6b60; --voati-paper-line:#dcdccf;
  --voati-app-canvas:#f4f3ea; --voati-app-surface:#fffef9; --voati-app-line:#e2e2d4;
  /* State */
  --voati-ok:#c6f25e; --voati-warn:#f2b04f; --voati-bad:#ff7b6b; --voati-info:#8fc8ff;
  /* Type, shape, motion */
  --voati-display:Manrope,system-ui,sans-serif; --voati-body:"DM Sans",system-ui,sans-serif; --voati-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --voati-radius:18px; --voati-radius-lg:28px; --voati-radius-pill:999px;
  --voati-ease:cubic-bezier(.2,.7,.2,1);
}