:root {
  color-scheme: light;

  /* Family neutral foundation */
  --family-bg: #f4f5f2;
  --family-surface: #ffffff;
  --family-surface-subtle: #f8f8f6;
  --family-surface-muted: #eef1ed;
  --family-text: #17232c;
  --family-text-secondary: #35424b;
  --family-text-muted: #59666d;
  --family-text-subtle: #66737a;
  --family-border: #e3e7e2;
  --family-border-strong: #d4dad4;

  /* Brand and accessible action colors */
  --family-navy: #173247;
  --family-navy-hover: #244a63;
  --family-orange: #ea6d35;
  --family-orange-soft: #fff0e8;
  --family-orange-text: #b8471c;
  --family-action-primary: #c85122;
  --family-action-primary-hover: #ad421a;

  /* Semantic states: text colors meet AA contrast on their soft surfaces */
  --family-success: #39765a;
  --family-success-text: #2f664d;
  --family-success-soft: #e8f3ec;
  --family-warning: #80530d;
  --family-warning-soft: #fff4d8;
  --family-danger: #9e3f39;
  --family-danger-soft: #fcebea;
  --family-info: #2f6387;
  --family-info-soft: #e9f2f8;

  /* Workspace identity colors never replace semantic status colors */
  --workspace-accent: var(--family-navy);
  --workspace-accent-strong: var(--family-navy-hover);
  --workspace-accent-soft: var(--family-info-soft);
  --workspace-accent-contrast: #ffffff;

  /* Typography */
  --family-font: "PingFang SC", "Noto Sans SC", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --family-font-numeric: "Avenir Next", "Segoe UI", Arial, sans-serif;
  --family-text-meta: 11px;
  --family-text-caption: 12px;
  --family-text-support: 13px;
  --family-text-label: 14px;
  --family-text-body: 15px;
  --family-text-section: 17px;
  --family-text-title: 20px;
  --family-text-page: 24px;
  --family-line-compact: 1.25;
  --family-line-heading: 1.35;
  --family-line-body: 1.6;
  --family-weight-regular: 400;
  --family-weight-medium: 600;
  --family-weight-strong: 700;

  /* Spacing and shape */
  --family-space-1: 4px;
  --family-space-2: 8px;
  --family-space-3: 12px;
  --family-space-4: 16px;
  --family-space-5: 20px;
  --family-space-6: 24px;
  --family-space-7: 28px;
  --family-space-8: 32px;
  --family-space-10: 40px;
  --family-space-12: 48px;
  --family-control-sm: 36px;
  --family-control-md: 44px;
  --family-control-lg: 48px;
  --family-radius-sm: 10px;
  --family-radius-md: 12px;
  --family-radius-lg: 16px;
  --family-radius-sheet: 20px;
  --family-radius-pill: 999px;
  --family-touch-min: 44px;
  --family-container-narrow: 720px;
  --family-container-standard: 1080px;
  --family-container-wide: 1240px;

  /* Elevation, focus and device safe areas */
  --family-shadow-xs: 0 1px 2px rgba(20, 34, 43, .04);
  --family-shadow-sm: 0 6px 18px rgba(20, 34, 43, .07);
  --family-shadow-lg: 0 18px 46px rgba(20, 34, 43, .14);
  --family-focus-ring: 0 0 0 3px rgba(47, 99, 135, .24);
  --family-overlay: rgba(15, 28, 37, .48);
  --family-disabled-opacity: .52;
  --family-motion-fast: 120ms;
  --family-motion-base: 180ms;
  --family-motion-slow: 260ms;
  --family-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --family-ease-emphasized: cubic-bezier(.2, .8, .2, 1);
  --family-safe-top: env(safe-area-inset-top, 0px);
  --family-safe-bottom: env(safe-area-inset-bottom, 0px);
}

[data-workspace="sales"] {
  --workspace-accent: var(--family-orange);
  --workspace-accent-strong: var(--family-orange-text);
  --workspace-accent-soft: var(--family-orange-soft);
  --workspace-accent-contrast: var(--family-text);
}

[data-workspace="delivery"] {
  --workspace-accent: var(--family-success);
  --workspace-accent-strong: var(--family-success-text);
  --workspace-accent-soft: var(--family-success-soft);
}

[data-workspace="leader"] {
  --workspace-accent: var(--family-info);
  --workspace-accent-strong: #254f6c;
  --workspace-accent-soft: var(--family-info-soft);
}

[data-workspace="growth"] {
  --workspace-accent: #66527c;
  --workspace-accent-strong: #514064;
  --workspace-accent-soft: #eeeaf5;
}

[data-workspace="queue"] {
  --workspace-accent: #2e6f78;
  --workspace-accent-strong: #245a62;
  --workspace-accent-soft: #e7f1f2;
}

[data-workspace="admin"] {
  --workspace-accent: var(--family-navy);
  --workspace-accent-strong: var(--family-navy-hover);
  --workspace-accent-soft: var(--family-info-soft);
}