/* Tessera colour system. Ramps transcribed verbatim from
   Tessera_Brand_Guidelines_ - 16July2026.pdf, section 2. */
:root{
  /* Tessera Gold — primary brand anchor */
  --gold-100:#FEF7E1;--gold-300:#FDE08B;--gold-500:#F4D068;--gold-700:#D4A936;--gold-900:#9E7B1C;
  /* Midnight Slate — premium deep neutral */
  --slate-100:#94A3B8;--slate-300:#475569;--slate-500:#1E293B;--slate-700:#0F172A;--slate-900:#020617;
  /* Vivid Coral — high-energy accent */
  --coral-100:#FFE4E1;--coral-300:#FFA098;--coral-500:#FF6F61;--coral-700:#E0483E;--coral-900:#A12B23;
  /* Soft Sand — warm canvas */
  --sand-100:#FFFFFF;--sand-300:#FCFAF7;--sand-500:#F8F5F0;--sand-700:#E6E1D8;--sand-900:#CFC9BE;
  /* Indigo — Office theme accent2/accent5, used for links and secondary data series */
  --indigo-500:#5A4FCF;--indigo-700:#3D3594;

  /* Brand anchors */
  --brand-gold:var(--gold-500);
  --brand-slate:var(--slate-700);
  --brand-coral:var(--coral-500);
  --brand-sand:var(--sand-500);

  /* Surfaces */
  --surface-page:var(--sand-500);
  --surface-card:#FFFFFF;
  --surface-raised:var(--sand-300);
  --surface-sunken:var(--sand-700);
  --surface-inverse:var(--slate-700);
  --surface-inverse-raised:var(--slate-500);
  --surface-accent:var(--gold-100);
  --surface-alert:var(--coral-100);

  /* Text */
  --text-strong:var(--slate-900);
  --text-body:var(--slate-700);
  --text-muted:var(--slate-300);
  --text-subtle:var(--slate-100);
  --text-inverse:#FFFFFF;
  --text-inverse-muted:var(--slate-100);
  --text-accent:var(--gold-900);
  --text-link:var(--indigo-500);
  --text-link-hover:var(--indigo-700);

  /* Lines */
  --border-hairline:rgba(15,23,42,.10);
  --border-default:rgba(15,23,42,.16);
  --border-strong:var(--slate-700);
  --border-inverse:rgba(255,255,255,.18);
  --border-accent:var(--gold-500);
  --rule-gold:var(--gold-500);

  /* Interactive */
  --action-primary-bg:var(--gold-500);
  --action-primary-bg-hover:var(--gold-700);
  --action-primary-bg-active:var(--gold-900);
  --action-primary-fg:var(--slate-700);
  --action-primary-fg-active:#FFFFFF;
  --action-secondary-bg:var(--slate-700);
  --action-secondary-bg-hover:var(--slate-500);
  --action-secondary-fg:#FFFFFF;
  --action-ghost-fg:var(--slate-700);
  --action-ghost-bg-hover:rgba(15,23,42,.06);
  --focus-ring:var(--indigo-500);

  /* Semantic status */
  --status-positive:#2F7A5B;
  --status-positive-soft:#E3F1EA;
  --status-caution:var(--gold-700);
  --status-caution-soft:var(--gold-100);
  --status-critical:var(--coral-700);
  --status-critical-soft:var(--coral-100);
  --status-neutral:var(--slate-300);
  --status-neutral-soft:var(--sand-700);

  /* Data visualisation — ordered series */
  --chart-1:var(--gold-500);
  --chart-2:var(--slate-700);
  --chart-3:var(--coral-500);
  --chart-4:var(--indigo-500);
  --chart-5:var(--gold-900);
  --chart-6:var(--slate-100);
  --chart-grid:rgba(15,23,42,.08);
}