/* SIMHSYCN Phase 1 — Design tokens
   Restrained premium palette for the admin and customer applications. */
:root {
  color-scheme: light;

  --simh-primary: #0f766e;
  --simh-primary-hover: #0b5f59;
  --simh-primary-soft: #e7f6f3;
  --simh-accent: #2563eb;
  --simh-accent-hover: #1d4ed8;
  --simh-accent-soft: #eaf1ff;

  --simh-success: #15803d;
  --simh-success-soft: #eaf8ef;
  --simh-warning: #b45309;
  --simh-warning-soft: #fff7e8;
  --simh-danger: #c2413b;
  --simh-danger-soft: #fff0ef;
  --simh-info: #0369a1;
  --simh-info-soft: #eaf7fc;

  --simh-bg: #f4f7fb;
  --simh-bg-elevated: #f8fafc;
  --simh-surface: #ffffff;
  --simh-surface-muted: #f8fafc;
  --simh-surface-2: var(--simh-surface-muted);
  --simh-code-bg: #07111f;
  --simh-code-text: #dbeafe;
  --simh-text: #35506a;
  --simh-text-strong: #17324d;
  --simh-muted: #6b7f94;
  --simh-text-muted: var(--simh-muted);
  --simh-faint: #94a3b8;
  --simh-text-soft: var(--simh-faint);
  --simh-border: #e2e8f0;
  --simh-border-strong: #cbd5e1;

  --simh-sidebar: #12324a;
  --simh-sidebar-elevated: #1a4661;
  --simh-sidebar-text: #e5f0f7;
  --simh-sidebar-muted: #9fb6c8;


  --simh-heading: #17324d;
  --simh-text-on-color: #f8fbff;
  --simh-text-on-color-muted: rgba(248, 251, 255, .78);
  --simh-topbar-start: #173b5b;
  --simh-topbar-end: #0f7274;

  --simh-topbar-height: 66px;
  --simh-sidebar-width: 264px;
  --simh-content-max: 1600px;

  --simh-radius-xs: 8px;
  --simh-radius-sm: 11px;
  --simh-radius-md: 15px;
  --simh-radius-lg: 20px;
  --simh-radius-pill: 999px;

  --simh-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
  --simh-shadow-sm: 0 8px 24px rgba(15, 23, 42, .07);
  --simh-shadow-md: 0 18px 48px rgba(15, 23, 42, .10);

  --simh-space-1: 4px;
  --simh-space-2: 8px;
  --simh-space-3: 12px;
  --simh-space-4: 16px;
  --simh-space-5: 20px;
  --simh-space-6: 24px;
  --simh-space-7: 32px;
  --simh-space-8: 40px;

  --simh-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --simh-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Compatibility aliases used by the legacy page styles. */
  --teal: var(--simh-primary);
  --teal-dark: var(--simh-primary-hover);
  --teal-soft: var(--simh-primary-soft);
  --blue: var(--simh-accent);
  --indigo: #4f46e5;
  --purple: #7c3aed;
  --cyan: #0891b2;
  --green: var(--simh-success);
  --amber: var(--simh-warning);
  --red: var(--simh-danger);
  --bg: var(--simh-bg);
  --panel: var(--simh-surface);
  --ink: var(--simh-text);
  --muted: var(--simh-muted);
  --line: var(--simh-border);
  --sidebar: var(--simh-sidebar);
  --sidebar-width: var(--simh-sidebar-width);
  --topbar-height: var(--simh-topbar-height);
  --radius-xs: var(--simh-radius-xs);
  --radius-sm: var(--simh-radius-sm);
  --radius-md: var(--simh-radius-md);
  --radius-lg: var(--simh-radius-lg);
  --shadow: var(--simh-shadow-md);
  --shadow-soft: var(--simh-shadow-sm);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --simh-bg: #0a1020;
  --simh-bg-elevated: #0e1728;
  --simh-surface: #111b2d;
  --simh-surface-muted: #152136;
  --simh-surface-2: var(--simh-surface-muted);
  --simh-code-bg: #020617;
  --simh-code-text: #dbeafe;
  --simh-text: #e5edf8;
  --simh-text-strong: #f8fafc;
  --simh-heading: #f4f8ff;
  --simh-muted: #a5b4c8;
  --simh-faint: #7f91aa;
  --simh-border: #26354b;
  --simh-border-strong: #354760;
  --simh-sidebar: #0d2236;
  --simh-sidebar-elevated: #14354c;
  --simh-sidebar-text: #eef6fb;
  --simh-sidebar-muted: #9bb1c4;
  --simh-topbar-start: #102c46;
  --simh-topbar-end: #0b5a61;
  --simh-primary-soft: #113c3a;
  --simh-accent-soft: #172c55;
  --simh-success-soft: #123622;
  --simh-warning-soft: #3d2a12;
  --simh-danger-soft: #3c1f22;
  --simh-info-soft: #123047;
  --simh-shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);
  --simh-shadow-sm: 0 10px 28px rgba(0, 0, 0, .24);
  --simh-shadow-md: 0 22px 54px rgba(0, 0, 0, .30);
}