:root {
  --sc-primary: #176b87;
  --sc-primary-hover: #0f536b;
  --sc-primary-dark: #0b3546;
  --sc-accent: #f4b942;
  --sc-background: #f6f8fb;
  --sc-surface: #ffffff;
  --sc-surface-alt: #eaf3f5;
  --sc-text: #16303a;
  --sc-text-secondary: #46616b;
  --sc-text-muted: #71858c;
  --sc-border: #d9e4e7;
  --sc-border-light: #edf2f3;
  --sc-container: 1200px;
  --sc-reading: 800px;
  --sc-sidebar: 280px;
  --sc-layout-gap: 3rem;
  --sc-radius-sm: .45rem;
  --sc-radius-md: .8rem;
  --sc-radius-lg: 1.25rem;
  --sc-shadow-sm: 0 2px 10px rgba(15, 52, 70, .06);
  --sc-shadow-md: 0 12px 30px rgba(15, 52, 70, .10);
  --sc-shadow-lg: 0 24px 60px rgba(15, 52, 70, .15);
  --sc-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sc-font-display: Georgia, "Times New Roman", serif;
  --sc-submenu-bg: #ffffff;
  --sc-submenu-text: #16303a;
  --sc-submenu-hover-bg: #eaf3f5;
  --sc-submenu-hover-text: #176b87;
  --sc-submenu-active: #176b87;
  --sc-submenu-border: #d9e4e7;
  --sc-submenu-radius: 10px;
  --sc-submenu-shadow: 0 8px 25px rgba(15,52,70,.12);
  --sc-submenu-width: 240px;
  --sc-submenu-padding: 8px;
  --sc-submenu-font-size: 14px;
  --sc-submenu-font-weight: 600;
}