/* CBZ design tokens (docs/20, stage 2). One source of truth for colours, spacing, radii, shadows,
   type and motion. The same values live in tokens.json for the future mobile app.
   New components use only these variables; older styles are migrated step by step. */
:root{
  /* Palette B2 (approved) and derived shades */
  --cbz-coral:#F04432;
  --cbz-coral-strong:#D63A28;
  --cbz-coral-soft:#FDE4D6;
  --cbz-cream:#FFF4E8;
  --cbz-surface:#FFFAF4;
  --cbz-surface-raised:#FFFDF9;
  --cbz-ink:#291D22;
  --cbz-ink-soft:#4A3C40;
  --cbz-muted:#6D6063;
  --cbz-yellow:#FFD36A;
  --cbz-line:rgba(41,29,34,.14);
  --cbz-line-strong:rgba(41,29,34,.26);
  --cbz-success:#2F8F4E;
  --cbz-danger:#B3261E;
  --cbz-danger-soft:#FFE3DC;
  /* Spacing: 4-point scale */
  --cbz-space-1:4px;--cbz-space-2:8px;--cbz-space-3:12px;--cbz-space-4:16px;
  --cbz-space-5:20px;--cbz-space-6:24px;--cbz-space-8:32px;--cbz-space-10:40px;
  /* Radii */
  --cbz-radius-sm:8px;--cbz-radius-md:12px;--cbz-radius-lg:16px;--cbz-radius-xl:24px;--cbz-radius-pill:999px;
  /* Shadows */
  --cbz-shadow-sm:0 2px 8px rgba(41,29,34,.08);
  --cbz-shadow-md:0 8px 24px rgba(41,29,34,.12);
  --cbz-shadow-lg:0 18px 50px rgba(41,29,34,.22);
  /* Type */
  --cbz-font-display:Barlow,'Arial Narrow',sans-serif;
  --cbz-font-body:Inter,Arial,sans-serif;
  --cbz-text-xs:12px;--cbz-text-sm:14px;--cbz-text-md:16px;--cbz-text-lg:18px;
  --cbz-text-xl:22px;--cbz-text-2xl:28px;--cbz-text-3xl:36px;--cbz-text-4xl:48px;
  /* Touch and layout */
  --cbz-touch:44px;
  --cbz-tabbar-height:64px;
  /* Motion */
  --cbz-ease:cubic-bezier(.2,.8,.2,1);
  --cbz-duration-fast:.15s;--cbz-duration:.25s;--cbz-duration-slow:.4s;
}