:root {
  --font-family-base: 'Manrope', sans-serif;
  --font-family-accent: 'IBM Plex Mono', monospace;

  --color-bg: #f1eadf;
  --color-bg-deep: #e8e0d4;
  --color-surface: #fffaf2;
  --color-surface-muted: #efe6da;
  --color-surface-panel: #0d1b21;
  --color-surface-panel-soft: #162a33;

  --color-text: #132b35;
  --color-text-muted: #61767f;
  --color-text-soft: #8ca0a8;
  --color-text-inverse: #f7f2e9;

  --color-border: rgba(19, 43, 53, 0.12);
  --color-border-strong: rgba(19, 43, 53, 0.22);
  --color-border-inverse: rgba(255, 255, 255, 0.12);

  --color-primary: #1a6478;
  --color-secondary: #34a0bb;
  --color-accent: #46acce;
  --color-violet: #6b58c9;
  --color-indigo: #3f26af;
  --color-beige: #fff8ed;

  --shadow-sm: 0 12px 24px rgba(12, 23, 28, 0.08);
  --shadow-md: 0 24px 48px rgba(12, 23, 28, 0.14);
  --shadow-lg: 0 36px 72px rgba(12, 23, 28, 0.18);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 34px;

  --container-width: 1180px;
  --section-space: 7rem;
  --transition-base: 220ms ease;
}