:root {
  --green: #268068;
  --green-dark: #1e6a56;
  --green-10: #f0f7f5;
  --green-20: #d6ede8;
  --gold: #b8943a;
  --gold-10: #fdf8ef;

  --bg: #ffffff;
  --bg2: #f8f8f7;
  --bg3: #f2f2f0;
  --border: #e8e8e5;
  --border2: #d4d4cf;

  --text: #1a1a18;
  --text2: #555550;
  --text3: #999994;

  --hero-bg: #0f1f1a;
  --hero-text: #ffffff;
  --hero-sub: rgba(255, 255, 255, 0.75);

  --font-serif: "Lora", Georgia, serif;
  --font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 40px;
  --text-3xl: 52px;
  --text-4xl: 64px;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 600;

  --line-body: 1.7;
  --line-heading: 1.2;
  --line-tight: 1.1;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 10px;
  --radius-2xl: 10px;

  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-2xl: 96px;
  --space-3xl: 120px;

  --container: 1180px;
  --container-narrow: 760px;

  --transition: 160ms ease;
  --transition-med: 220ms ease;
  --transition-slow: 260ms ease;
  --motion-fast: 180ms;
  --motion-medium: 320ms;
  --motion-slow: 620ms;
  --motion-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --motion-ease-spring: cubic-bezier(0.2, 0.8, 0.2, 1);

  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-hover: none;
  --shadow-dark: none;

  /* Backwards-compatible aliases for existing PHP/CSS modules. */
  --color-primary: var(--green);
  --color-primary-dark: var(--green-dark);
  --color-primary-light: var(--green-10);
  --color-accent: var(--gold);
  --color-accent-light: var(--gold-10);
  --color-dark: var(--hero-bg);
  --color-dark-mid: #18362e;
  --color-bg: var(--bg);
  --color-surface: #ffffff;
  --color-border: var(--border);
  --color-border-strong: var(--border2);
  --color-text: var(--text);
  --color-text-muted: var(--text2);
  --color-text-hint: var(--text3);
}