/* ClinicOS Fluent Design tokens (V3 UI pass).
   Additive only: existing hardcoded colors elsewhere are untouched; new/updated
   UI rules in style.css reference these instead of introducing new magic numbers. */
:root{
  /* Brand / accent */
  --cos-accent: #0f6cbd;
  --cos-accent-hover: #0a5aa0;
  --cos-accent-soft: #eef6fe;
  --cos-accent-soft-border: #cfe3fb;

  /* Sidebar (dark) */
  --cos-sidebar-bg: #182235;
  --cos-sidebar-hover: #24324a;
  --cos-sidebar-text: #e2e8f0;
  --cos-sidebar-text-muted: #93a0b4;
  --cos-sidebar-border: rgba(255,255,255,.08);
  --cos-sidebar-tree-line: rgba(255,255,255,.14);

  /* Surface / text */
  --cos-surface: #ffffff;
  --cos-surface-muted: #f7f8fa;
  --cos-border: #e5e7eb;
  --cos-border-strong: #d8dce3;
  --cos-text: #1f2430;
  --cos-text-muted: #8a94a6;
  --cos-text-subtle: #667085;

  /* Status */
  --cos-success: #0f7b3d;
  --cos-success-bg: #eafbf1;
  --cos-success-border: #bbf7d0;
  --cos-danger: #b42318;
  --cos-danger-bg: #fff1f3;
  --cos-danger-border: #fda29b;
  --cos-warning-bg: #fffaeb;

  /* Radius */
  --cos-radius-sm: 8px;
  --cos-radius-md: 12px;
  --cos-radius-lg: 16px;
  --cos-radius-pill: 999px;

  /* Shadow */
  --cos-shadow-sm: 0 1px 3px rgba(16,24,40,.06);
  --cos-shadow-md: 0 4px 16px rgba(16,24,40,.08);
  --cos-shadow-lift: 0 8px 20px rgba(16,24,40,.14);

  /* Spacing */
  --cos-space-xs: 4px;
  --cos-space-sm: 8px;
  --cos-space-md: 16px;
  --cos-space-lg: 20px;
  --cos-space-xl: 24px;

  /* Typography */
  --cos-font: "Segoe UI Variable","Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;

  /* Component sizing */
  --cos-control-height: 44px;
  --cos-badge-height: 36px;
  --cos-transition-fast: 150ms ease;
  --cos-transition: 180ms ease;

  /* Typography scale (size / weight pairs) */
  --cos-fs-page-title: 28px;    --cos-fw-page-title: 700;
  --cos-fs-section-title: 22px; --cos-fw-section-title: 600;
  --cos-fs-card-title: 18px;    --cos-fw-card-title: 600;
  --cos-fs-body: 16px;          --cos-fw-body: 500;
  --cos-fs-label: 15px;         --cos-fw-label: 600;
  --cos-fs-small: 14px;         --cos-fw-small: 600;
  --cos-fs-badge: 13px;         --cos-fw-badge: 700;

  /* Typography line-heights (Phase 2 — paired with the fs-* steps above;
     unitless so they scale correctly with each step's own font-size). */
  --cos-lh-page-title: 1.25;
  --cos-lh-section-title: 1.3;
  --cos-lh-card-title: 1.35;
  --cos-lh-body: 1.5;
  --cos-lh-label: 1.45;
  --cos-lh-small: 1.45;
  --cos-lh-badge: 1.2;
}