/*
 * AakaarIO brand — the ONE place that sets the look of AakaarIO and its CRM.
 *
 * Served at /brand/theme.css on the shared domain. AakaarIO's pages and the
 * CRM (Orion, under /crm) both load it, so changing a value here re-themes
 * both apps — no Orion rebuild needed.
 *
 * Accent palette: main is the brand colour; light/soft/dark/deep are its
 * tints and shades (hover, glow, gradients). Keep each *-rgb triplet in step
 * with its colour — they feed rgba() for translucent effects.
 *
 * An accent saved in the browser (localStorage "aakaario:brand") is applied
 * on top of these by /brand/brand-sync.js (loaded by the CRM). On AakaarIO's
 * pages the brand generator may still set its own values after load.
 */
:root {
  --c-main: #ff6b00;
  --c-light: #ffb347;
  --c-soft: #ff8f36;
  --c-dark: #ff5500;
  --c-deep: #e35100;
  --c-main-rgb: 255, 107, 0;
  --c-light-rgb: 255, 179, 71;
  --c-soft-rgb: 255, 143, 54;
  --c-dark-rgb: 255, 85, 0;
  --c-ink-on-accent: #000000;

  /* Surfaces: the builder's near-black canvas and its raised panels. */
  --brand-bg: #000000;
  --brand-surface: #0d0d10;
  --brand-surface-raised: #131418;
  --brand-ink: #ededed;
  --brand-muted: #a0a0a8;
  --brand-line: rgba(255, 255, 255, 0.08);

  /* Type and shape. */
  --brand-font: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --brand-font-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --brand-radius: 12px;
}