/* ============================================================================
   Office Dashboard shared theme - Meridian/Ocean
   Source: Stats/docs/REDESIGN_MERIDIAN.md and Stats/web/css/app.css
   Keep app-specific styling out of this file.
   ============================================================================ */
:root {
  /* brand + interaction */
  --accent: #1663E9;
  --accent-strong: #0E4FC7;
  --accent-soft: #E8EFFE;

  /* neutrals */
  --bg: #F6F8FB;
  --surface: #ffffff;
  --surface-2: #F7F9FC;
  --border: #E3E8EE;
  --border-soft: #EBEFF3;
  --text: #1A1F36;
  --text-2: #3C4257;
  --muted: #697386;
  --faint: #8A94A6;
  --danger: #DF1B41;

  /* categorical series - primary Ocean presets */
  --s1: #1663E9;
  --s2: #7A5AF8;
  --s3: #00A2C7;
  --s4: #2E9E5B;
  --s5: #D9A03C;
  --s6: #E4643F;
  --s7: #D8548C;
  --s8: #64748B;
  --s9: #0E8578;
  --s10: #12A594;
  --s11: #CC4B44;
  --s12: #A67C52;

  /* extended series */
  --s13: #0077A2;
  --s14: #B5179E;
  --s15: #4C9A2E;
  --s16: #0E3FA8;
  --s17: #C026D3;
  --s18: #A16207;
  --s1-soft: #BCD0F8;

  /* chart aliases */
  --chart-1: var(--s1);
  --chart-1-soft: var(--s1-soft);
  --chart-compare: #A9B4C4;
  --chart-grid: #EBEFF3;
  --chart-axis: #A3ACB9;
  --chart-ref: #8A94A6;

  /* semantic */
  --good: #09825D;
  --good-bg: #E8F5EE;
  --bad: #DF1B41;
  --bad-bg: #FBE9EE;
  --warn: #BB5504;
  --warn-bg: #FCF0E4;

  /* common status aliases */
  --info: var(--accent);
  --info-bg: var(--accent-soft);
  --pending: var(--s5);
  --pending-bg: #FFF7E6;
  --neutral: var(--s8);
  --neutral-bg: var(--surface-2);

  /* bonus/spectrum */
  --gauge-1: #E5484D;
  --gauge-2: #F2811D;
  --gauge-3: #E0A912;
  --gauge-4: #12A150;
  --gauge-5: #1663E9;
  --gauge-6: #8B5CF6;

  /* A/R aging ramp */
  --age1: #F5C36B;
  --age2: #EC9A3C;
  --age3: var(--bad);

  /* type scale */
  --fs-title: 15px;
  --fs-body: .875rem;
  --fs-table: .84rem;
  --fs-label: .8rem;
  --fs-caption: 11.5px;
  --fs-eyebrow: 10.5px;
  --fs-kpi: 25px;
  --fs-chart-axis: 11px;
  --fs-chart-value: 11px;
  --fs-chart-name: 12.5px;
  --fs-chart-big: 13.5px;

  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* shape + shadow */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --shadow: 0 1px 3px rgba(0,0,0,.08);
  --shadow-card: 0 1px 4px rgba(0,0,0,.07);

  /* layout */
  --topbar-h: 52px;
  --rail-w: 68px;
  --content-max: 1440px;

  /* typography */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --chip: var(--surface-2);
}