:root {
  /* Color Palette - Editorial Productivity Workspace */
  --bg-app: #F7F8FA;
  --bg-surface: #FFFFFF;
  --bg-subtle: #F0F2F6;
  --bg-muted: #E8ECF2;
  
  --text-main: #172033;
  --text-secondary: #687386;
  --text-tertiary: #9AA4B2;
  --text-inverse: #FFFFFF;

  --border-subtle: #EBEFF5;
  --border-main: #E3E7EE;
  --border-strong: #CDD5DF;
  --border-focus: #3157D5;

  /* Primary Brand - Deep & Electric Blue */
  --primary-blue: #3157D5;
  --primary-deep: #233F9B;
  --primary-hover: #2646B3;
  --primary-soft: #E9EEFF;
  --primary-contrast: #FFFFFF;

  /* Semantic - Teal (Success / Verification) */
  --teal-accent: #168B83;
  --teal-deep: #0E655F;
  --teal-soft: #E4F5F1;
  --teal-contrast: #0F5853;

  /* Semantic - Warm Amber (Attention / Priority) */
  --warm-accent: #D58B42;
  --warm-deep: #AA6522;
  --warm-soft: #FFF2E2;
  --warm-contrast: #82470E;

  /* Semantic - Danger */
  --danger-accent: #D33833;
  --danger-soft: #FDECEC;
  --danger-contrast: #8D1814;

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.8125rem;  /* 13px */
  --text-base: 0.9375rem;/* 15px */
  --text-md: 1.0625rem;  /* 17px */
  --text-lg: 1.25rem;    /* 20px */
  --text-xl: 1.5rem;     /* 24px */
  --text-2xl: 1.875rem;  /* 30px */

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Spacing */
  --space-2xs: 0.25rem; /* 4px */
  --space-xs: 0.5rem;   /* 8px */
  --space-sm: 0.75rem;  /* 12px */
  --space-md: 1rem;     /* 16px */
  --space-lg: 1.5rem;   /* 24px */
  --space-xl: 2rem;     /* 32px */
  --space-2xl: 3rem;    /* 48px */

  /* Radii - Moderate & Crisp */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Subtle Shadows - Restrained Editorial */
  --shadow-subtle: 0 1px 2px rgba(23, 32, 51, 0.04);
  --shadow-card: 0 1px 3px rgba(23, 32, 51, 0.06), 0 1px 2px rgba(23, 32, 51, 0.04);
  --shadow-dropdown: 0 4px 16px rgba(23, 32, 51, 0.08), 0 1px 3px rgba(23, 32, 51, 0.05);
  --shadow-modal: 0 12px 32px rgba(23, 32, 51, 0.12), 0 2px 6px rgba(23, 32, 51, 0.06);

  /* Transitions */
  --transition-fast: 140ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 220ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout dimensions */
  --sidebar-width: 256px;
  --header-height: 60px;
  --content-max-width: 1240px;
}