/*
 * MedXYZ OS — Design Tokens
 * Namespace: .medxyz-os (all custom properties are scoped under this selector
 * so they never leak into, and never depend on, the existing `.mc-*` system).
 *
 * These values are intentionally independent from `medcommerce-style.css`.
 * Visual tone is kept in the same family (calm, light, clinical) for product
 * coherence, but nothing here references `--mc-*` directly — see the
 * design rationale document for why (rollback simplicity, no coupling to
 * a system that may change independently of MedXYZ OS).
 */

.medxyz-os {
  /* ---- Surface & text ---- */
  --mxos-bg: #eef1f6;
  --mxos-bg-canvas: #e7ebf2;
  --mxos-surface: #ffffff;
  --mxos-surface-sunken: #f7f8fb;
  --mxos-border: #dde2ea;
  --mxos-border-strong: #c4cbd9;
  --mxos-text-primary: #1a2233;
  --mxos-text-secondary: #56617a;
  --mxos-text-tertiary: #6b7488;
  --mxos-text-on-accent: #ffffff;

  /* ---- Accent (single brand accent, restrained) ---- */
  --mxos-accent: #2f5fb3;
  --mxos-accent-strong: #1f4489;
  --mxos-accent-soft: #eaf0fb;

  /* ---- Semantic status colors (do not exist in .mc-*, defined fresh) ---- */
  --mxos-success: #1c8a5b;
  --mxos-success-soft: #e6f5ee;
  --mxos-warning: #9c6b0c;
  --mxos-warning-soft: #fbf1de;
  --mxos-danger: #b13a3a;
  --mxos-danger-soft: #fbeaea;
  --mxos-info: #2f6fb3;
  --mxos-info-soft: #eaf2fb;
  --mxos-neutral: #56617a;
  --mxos-neutral-soft: #eef0f4;

  /* ---- Mock / Preview signal color (deliberately distinct from status colors) ---- */
  --mxos-mock: #6a3fb3;
  --mxos-mock-soft: #f0eafa;
  --mxos-mock-strong: #4c2c85;

  /* ---- Domain identity accents (Clinical / Growth / Continuation / Management / Daily) ---- */
  --mxos-domain-daily: #2f5fb3;
  --mxos-domain-growth: #a1478a;
  --mxos-domain-clinical: #1c8a7a;
  --mxos-domain-continuation: #9c6b0c;
  --mxos-domain-management: #47547a;

  /* ---- Geometry ---- */
  --mxos-radius-sm: 8px;
  --mxos-radius-md: 12px;
  --mxos-radius-lg: 18px;
  --mxos-radius-pill: 999px;

  /* ---- Elevation ---- */
  --mxos-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.07);
  --mxos-shadow-md: 0 4px 14px rgba(16, 24, 40, 0.08);
  --mxos-shadow-lg: 0 16px 36px rgba(16, 24, 40, 0.14);

  /* ---- Spacing scale ---- */
  --mxos-space-1: 4px;
  --mxos-space-2: 8px;
  --mxos-space-3: 12px;
  --mxos-space-4: 16px;
  --mxos-space-5: 24px;
  --mxos-space-6: 32px;
  --mxos-space-7: 48px;

  /* ---- Typography ---- */
  --mxos-font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  --mxos-font-xs: 11px;
  --mxos-font-sm: 12.5px;
  --mxos-font-md: 14px;
  --mxos-font-lg: 16px;
  --mxos-font-xl: 20px;
  --mxos-font-2xl: 26px;
  --mxos-line-tight: 1.3;
  --mxos-line-normal: 1.6;

  /* ---- Layout ---- */
  --mxos-sidebar-width: 252px;
  --mxos-sidebar-width-collapsed: 0px;
  --mxos-topbar-height: 56px;
  --mxos-mockbar-height: 34px;
  --mxos-bottomnav-height: 58px;

  /* ---- Z-index scale (independent stacking context) ---- */
  --mxos-z-shell: 10;
  --mxos-z-topbar: 20;
  --mxos-z-drawer: 40;
  --mxos-z-modal: 60;
  --mxos-z-toast: 80;

  /* ---- Motion ---- */
  --mxos-transition-fast: 120ms ease;
  --mxos-transition-normal: 200ms ease;

  font-family: var(--mxos-font-family);
  color: var(--mxos-text-primary);
}