:root {
  --bg: #f4f3ee;
  --surface: #fffdf8;
  --surface-2: #edf4ef;
  --surface-3: #f6eee4;
  --ink: #16342f;
  --muted: #64756f;
  --line: #d9e1dc;
  --green: #174f45;
  --green-2: #2f7768;
  --green-soft: #dcebe5;
  --orange: #e47d4e;
  --orange-soft: #f7e5da;
  --yellow: #f3c65d;
  --blue: #4b7f9c;
  --blue-soft: #e3eef4;
  --purple: #786ea5;
  --danger: #b9534e;
  --success: #2d7a57;
  --shadow: 0 18px 48px rgba(26, 59, 52, .09);
  --shadow-sm: 0 8px 24px rgba(26, 59, 52, .07);
  --radius: 24px;
  --radius-sm: 16px;
  --sidebar: 252px;
  --header: 78px;
  --font-body: "Aptos", "Segoe UI Variable Text", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Aptos Display", "Segoe UI Variable Display", "Inter", system-ui, sans-serif;
  --text-measure: 72ch;
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--yellow) 70%, transparent);
  --transition-fast: 160ms ease;
  --brand: var(--green);
  --brand-strong: var(--green-2);
  --accent: var(--orange);
  --text: var(--ink);
  --border: var(--line);
  --surface-soft: var(--surface-2);
}