/**
 * C360 Cloud design tokens (Cardinal Insurance Technology).
 * Source: docs/C360_Cloud_Complete Initial Journey v4.html
 * Use var(--t), var(--navy), etc. in modules and c360-*.css.
 */
:root {
  --t: #5cbdb4;
  /* Alias for the system teal token — c360-shell.css / other chrome CSS reference
     --customapp-teal directly, so define it here once the C360 shell tokens load. */
  --customapp-teal: var(--t, #5cbdb4);
  --t2: #3a9b92;
  --tlt: #eaf8f7;
  --tp: rgba(92, 189, 180, 0.12);
  /* Side nav + top bar chrome */
  --navy: #1a252e;
  --navy2: #22303c;
  --ch: #4a4a4a;
  --ch2: #6b7280;
  --ch3: #9ca3af;
  --bg: #f3f6f9;
  --surface: #ffffff;
  --border: rgba(0, 0, 0, 0.08);
  --border2: rgba(0, 0, 0, 0.04);
  --g: #059669;
  --gp: rgba(5, 150, 105, 0.1);
  --glt: #ecfdf5;
  --a: #d97706;
  --ap: rgba(217, 119, 6, 0.1);
  --alt: #fffbeb;
  --r: #dc2626;
  --rp: rgba(220, 38, 38, 0.1);
  --rlt: #fef2f2;
  --b: #2563eb;
  --bp: rgba(37, 99, 235, 0.1);
  --blt: #eff6ff;
  --fs: 'Montserrat', sans-serif;
  --fb: 'Century Gothic', 'CenturyGothic', 'AppleGothic', Calibri, sans-serif;
  --fm: 'Courier New', Courier, monospace;
  /* Type scale (Cardinal / C360 reference — use with utilities in c360-typography.css) */
  --c360-body-size: 13.5px;
  --c360-body-lh: 1.5;
  --c360-micro-label-size: 10.5px;
  /* Match workbench micro labels (~0.06em at 10.5px) */
  --c360-micro-label-ls: 0.06em;
  --c360-table-th-size: 11px;
  --c360-table-td-size: 12.5px;
  --sh: 0 1px 4px rgba(0, 0, 0, 0.07);
  --sh2: 0 4px 16px rgba(0, 0, 0, 0.1);
  --sh3: 0 16px 48px rgba(0, 0, 0, 0.16);
  --rad: 8px;
  --rad2: 12px;
  /* Sidebar expanded width — fits long nav labels (e.g. Business Performance Reports) */
  --sb-w: 272px;
  /* Recent Tasks / global right aside (+ Journey .pg-aside when used) — wider than v4 290px for readability */
  --c360-global-aside-w: 360px;
}