/* Estica design tokens — client-facing UI (issue #34).
   Full direction: docs/ui/estica-design-direction.md
   --brand-* are OVERRIDDEN from the tenant record at render time (Estica values are the fallback).
   Everything else is fixed Estica chrome — never themed per tenant. */
:root{
  /* Estica chrome — fixed */
  --ink:#16233B;        /* primary text / surfaces */
  --ink-2:#24344F;
  --graphite:#5B6472;   /* secondary text */
  --paper:#F7F6F3;      /* app background */
  --surface:#FFFFFF;    /* cards / panels */
  --line:#E4E2DC;       /* hairlines */
  --blue:#3E7CB1;       /* data / info accent */
  --ok:#2E7D5B; --warn:#D98A1F; --err:#C0492F;

  /* radius / elevation / motion */
  --radius:14px; --radius-sm:10px;
  --shadow:0 1px 2px rgba(22,35,59,.06), 0 8px 24px rgba(22,35,59,.06);
  --ease:cubic-bezier(.2,.7,.2,1);

  /* spacing — 4px base */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px;

  /* Tenant layer — overridden from the tenant record, Estica fallback */
  --brand-primary: var(--ink);
  --brand-accent:  #F2A93B;   /* Estica "Datum Amber" fallback */
  --brand-name:    "Estica";
  /* tenant logo is injected as an <img> / monogram, not a token */
}