/**
 * Personal Monitoring: its variable names, the shared palette's values.
 *
 * Link after tokens.css. Every alias resolves through a --sc-* variable, so
 * the [data-theme="dark"] block in tokens.css re-points all of these at once —
 * no dark-theme duplicate is needed here.
 *
 * Non-colour tokens Personal Monitoring alone defines (the 8px spacing scale,
 * the type scale, z-index layers, the select chevron) stay in its own
 * tokens.css: no other app has them, so sharing them would be moving code, not
 * deduplicating it.
 */

:root {
  --color-bg: var(--sc-bg);
  --color-surface: var(--sc-surface);
  --color-surface-elevated: var(--sc-surface-elevated);
  --color-surface-muted: var(--sc-surface-muted);
  --color-input-bg: var(--sc-input-bg);
  --color-border: var(--sc-border);
  --color-border-subtle: var(--sc-border-subtle);
  --color-border-strong: var(--sc-border-strong);
  --color-primary: var(--sc-ink);
  --color-primary-hover: var(--sc-ink-hover);
  --color-primary-muted: rgba(var(--sc-ink-rgb), 0.08);
  --ink-rgb: var(--sc-ink-rgb);
  --color-navy: var(--sc-ink);
  --color-accent: var(--sc-accent);
  --color-accent-hover: var(--sc-accent-hover);
  --color-accent-muted: var(--sc-accent-muted);
  --color-neutral: var(--sc-surface-muted);
  --color-neutral-strong: var(--sc-border);
  --color-text: var(--sc-text);
  --color-text-secondary: var(--sc-text-secondary);
  --color-text-muted: var(--sc-text-muted);
  --color-text-inverse: var(--sc-text-inverse);
  --color-critical: var(--sc-critical);
  --color-critical-hover: var(--sc-critical-hover);
  --color-critical-muted: var(--sc-critical-muted);
  --color-critical-border: var(--sc-critical-border);
  --color-success: var(--sc-success);
  --color-success-muted: var(--sc-success-muted);
  --color-warning: var(--sc-warning);
  --color-warning-muted: var(--sc-warning-muted);
  --btn-disabled-bg: var(--sc-disabled-bg);
  --btn-disabled-text: var(--sc-disabled-text);
  --btn-disabled-border: var(--sc-disabled-border);

  /* Semantic aliases */
  --bg: var(--sc-bg);
  --surface: var(--sc-surface);
  --surface-elevated: var(--sc-surface-elevated);
  --surface-2: var(--sc-bg-alt);
  --border: var(--sc-border);
  --primary: var(--sc-ink);
  --navy: var(--sc-ink);
  --accent: var(--sc-accent);
  --neutral: var(--sc-surface-muted);
  --text: var(--sc-text);
  --text-muted: var(--sc-text-muted);
  --critical: var(--sc-critical);
  --success: var(--sc-success);
  --danger: var(--sc-critical);
  --grid-line: var(--sc-grid-line);

  /* Sidebar */
  --sidebar-bg: var(--sc-sidebar-bg);
  --sidebar-border: var(--sc-sidebar-border);
  --sidebar-text: var(--sc-sidebar-text);
  --sidebar-text-muted: var(--sc-sidebar-text-muted);
  --sidebar-active-bg: var(--sc-sidebar-active-bg);
  --sidebar-active-text: var(--sc-sidebar-active-text);
  --sidebar-active-accent: var(--sc-accent);
  --sidebar-hover-bg: var(--sc-sidebar-hover-bg);
  --sidebar-brand-accent: var(--sc-accent);
  --sidebar-width: 260px;

  /* Stat cards */
  --stat-accent-primary: var(--sc-text-secondary);
  --stat-accent-gold: var(--sc-accent);

  /* Typography */
  --font-sans: var(--sc-font-sans);
  --font-mono: var(--sc-font-mono);

  /* Radius */
  --radius-sm: var(--sc-radius-sm);
  --radius-md: var(--sc-radius-md);
  --radius-lg: var(--sc-radius-lg);
  --radius-xl: var(--sc-radius-xl);
  --radius-full: var(--sc-radius-full);
  --radius: var(--sc-radius-md);

  /* Shadows */
  --shadow-xs: var(--sc-shadow-xs);
  --shadow-sm: var(--sc-shadow-sm);
  --shadow-md: var(--sc-shadow-md);
  --shadow-lg: var(--sc-shadow-lg);
  --shadow: var(--sc-shadow-sm);

  /* Motion */
  --transition-fast: var(--sc-transition-fast);
  --transition-base: var(--sc-transition-base);
}