:root {
  /* Workshop paper — cool ink, not candy SaaS */
  --mc-canvas: #e8ecee;
  --mc-canvas-accent: #dde4e7;
  --mc-surface: #f7f8f8;
  --mc-surface-alt: #eef1f2;
  --mc-ink: #101a1d;
  --mc-ink-soft: #3a4a4f;
  --mc-ink-muted: #6a7a80;
  --mc-border: #d0d8db;
  --mc-border-strong: #b7c2c6;

  --mc-sea: #0a5c66;
  --mc-sea-deep: #074850;
  --mc-sea-tint: #e4f1f3;
  --mc-sand: #8f6a3a;
  --mc-sand-tint: #f5efe6;

  --mc-danger: #a61b12;
  --mc-danger-tint: #fdf2f1;
  --mc-danger-border: #f0b8b3;
  --mc-success: #0b6b42;
  --mc-success-tint: #eaf8f0;
  --mc-success-border: #9ed9b8;
  --mc-warning: #9a4508;
  --mc-warning-tint: #fff7eb;
  --mc-warning-border: #f0c988;
  --mc-info: #0b5f8a;
  --mc-info-tint: #eaf5fb;
  --mc-info-border: #9ecde8;

  --mc-sidebar-bg: #0a1619;
  --mc-sidebar-bg-end: #0a1619;
  --mc-sidebar-ink: #8fa3a9;
  --mc-sidebar-ink-strong: #f2f6f7;
  --mc-sidebar-hover: rgba(255, 255, 255, 0.05);
  --mc-sidebar-active: rgba(255, 255, 255, 0.08);
  --mc-sidebar-accent: #1f9aa8;

  --mc-font: "Figtree", "Segoe UI", sans-serif;
  --mc-font-display: "Syne", "Figtree", sans-serif;

  --mc-text-xs: 0.6875rem;
  --mc-text-sm: 0.75rem;
  --mc-text-base: 0.8125rem;
  --mc-text-md: 0.875rem;
  --mc-text-lg: 1.05rem;
  --mc-text-xl: 1.35rem;

  --mc-s1: 0.25rem;
  --mc-s2: 0.5rem;
  --mc-s3: 0.75rem;
  --mc-s4: 1rem;
  --mc-s5: 1.25rem;
  --mc-s6: 1.5rem;
  --mc-s8: 2rem;

  /* Tight radii — less "soft UI" */
  --mc-radius-sm: 2px;
  --mc-radius: 3px;
  --mc-radius-lg: 4px;
  --mc-radius-pill: 999px;

  /* Hairline elevation, not cloudy shadows */
  --mc-shadow-sm: none;
  --mc-shadow: none;
  --mc-shadow-lg: none;

  --mc-control-h: 2.2rem;
  --mc-control-h-sm: 1.85rem;
  --mc-sidebar-w: 15rem;
  --mc-topbar-h: 3rem;

  --mc-focus: 0 0 0 2px var(--mc-surface), 0 0 0 4px rgba(10, 92, 102, 0.28);
  --mc-ease: 0.14s ease;
}