:root {
  --surface-tint: #14532d;
  --primary: #14532d;
  --primary-dim: #166534;
  --primary-container: #dcfce7;
  --secondary: #0f766e;
  --secondary-dim: #115e59;
  --secondary-container: #ccfbf1;
  --tertiary: #b45309;
  --tertiary-dim: #92400e;
  --tertiary-container: #ffedd5;
  --on-primary: #f6fff8;
  --on-primary-container: #052e16;
  --on-secondary: #f0fdfa;
  --on-secondary-container: #042f2e;
  --on-tertiary: #fffaf5;
  --on-tertiary-container: #431407;
  --inverse-primary: #4ade80;
  --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dim));
  --gradient-hero: linear-gradient(135deg, rgba(20, 83, 45, 0.1), rgba(15, 118, 110, 0.05));
}

body {
  background: linear-gradient(140deg, rgba(20, 83, 45, 0.06), rgba(204, 251, 241, 0.06)), var(--surface);
}

body::before {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.65), transparent 20%),
    radial-gradient(circle at 80% 0%, rgba(20, 83, 45, 0.06), transparent 28%),
    repeating-linear-gradient(0deg, rgba(45, 52, 51, 0.015) 0, rgba(45, 52, 51, 0.015) 1px, transparent 1px, transparent 5px);
}

::selection {
  background: rgba(20, 83, 45, 0.16);
  color: var(--on-surface);
}