:root {
  /* Color Palette - Twenty & Linear Aesthetic */
  --bg-main: #FAFAF9;
  --bg-surface: #FFFFFF;
  --bg-muted: #F4F4F2;
  --bg-subtle: #ECECE9;
  --bg-dark: #0D0E12;
  --bg-dark-card: #14161E;
  --bg-dark-surface: #1A1D27;

  /* Ink & Typography Colors */
  --ink-primary: #0F1014;
  --ink-secondary: #52545F;
  --ink-muted: #808291;
  --ink-faint: #A8ABB8;
  --ink-white: #FFFFFF;
  --ink-white-muted: #9497A8;

  /* Signature Twenty Blue Accent */
  --twenty-blue: #3154F5;
  --twenty-blue-hover: #2142E0;
  --twenty-blue-light: #EEF2FF;
  --twenty-blue-tint: rgba(49, 84, 245, 0.08);
  --twenty-blue-glow: rgba(49, 84, 245, 0.25);
  --twenty-blue-border: rgba(49, 84, 245, 0.3);

  /* Status Colors */
  --status-green: #10B981;
  --status-green-bg: #ECFDF5;
  --status-green-border: rgba(16, 185, 129, 0.25);
  --status-amber: #F59E0B;
  --status-amber-bg: #FFFBEB;
  --status-purple: #8B5CF6;
  --status-purple-bg: #F5F3FF;
  --status-red: #EF4444;
  --status-red-bg: #FEF2F2;

  /* Borders & Dividers */
  --border-light: #E4E4E0;
  --border-subtle: #EDEDEC;
  --border-strong: #D1D1CB;
  --border-dashed: #D6D6D0;
  --border-dark: #242735;
  --border-dark-subtle: #1C1F2B;

  /* Typography */
  --font-serif: 'Instrument Serif', 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.03);
  --shadow-xl: 0 24px 64px -12px rgba(0, 0, 0, 0.12), 0 8px 24px -6px rgba(0, 0, 0, 0.06);
  --shadow-mockup: 0 20px 80px -15px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-blue-glow: 0 0 40px -8px rgba(49, 84, 245, 0.35);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 500ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Container */
  --max-width: 1360px;
  --max-width-narrow: 1040px;
}

/* User Defined Font Utility Classes */
.serif {
  font-family: 'Instrument Serif', 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.mono {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}