:root {
  --color-primary: #327200;
  --color-primary-dim: #2b6500;
  --color-primary-container: #abfe78;
  --color-secondary: #196d86;
  --color-secondary-container: #9ae1ff;
  --color-tertiary: #776300;
  --color-tertiary-container: #ffd709;
  --color-surface: #fefee5;
  --color-surface-container: #f5f6d9;
  --color-surface-container-high: #eff0d1;
  --color-on-surface: #373928;
  --color-on-surface-variant: #646652;
  --color-on-primary: #ffffff;
  --color-error: #be2d06;
  --color-outline: #babba4;
  --color-outline-dark: #3d291e;
  --color-gold: #e5c158;
  --color-dark-panel: rgba(12, 12, 12, 0.96);

  --font-display: "Skranji", Georgia, serif;
  --font-body: "Roboto", system-ui, -apple-system, sans-serif;

  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 48px;
  --radius-pill: 9999px;

  --shadow-soft: 0 6px 15px rgba(0, 0, 0, 0.15);
  --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.2);

  --max-width: 1100px;
  --header-height: 72px;
}