/* DAMBO Design System — tokens (no fonts: fonts are loaded per page from assets/fonts) */
:root {
  --dambo-green: #99ca3c; --dambo-black: #231f20; --dambo-white: #ffffff; --dambo-gray: #767676;
  --dambo-green-700: #6e9a22; --dambo-green-600: #84b52e; --dambo-green-300: #c3de86; --dambo-green-100: #ecf4d8; --dambo-green-ink: #4d7a12;
  --dambo-yellow: #ffc20e; --dambo-red: #ee4036; --dambo-teal: #18b5c1;
  --gray-40: #b3b3b3; --gray-60: #767676; --gray-80: #58595b; --gray-90: #414042; --gray-05: #f4f5f2; --gray-10: #e7e8e4;
  --surface-base: #0e0e0e; --surface-dark: #231f20; --surface-card: #2a2627; --surface-light: #ffffff; --surface-muted: #f4f5f2;
  --text-on-dark: #ffffff; --text-on-dark-muted: #b9b7b5; --text-on-light: #231f20; --text-on-light-muted: #767676;
  --color-accent: #99ca3c; --color-accent-hover: #84b52e; --color-accent-press: #6e9a22; --on-accent: #231f20;
  --border-on-dark: rgba(255,255,255,0.16); --border-on-light: rgba(35,31,32,0.14);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.35); --shadow-lg: 0 16px 40px rgba(0,0,0,0.45); --shadow-accent: 0 8px 24px rgba(153,202,60,0.35);
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px; --radius-pill: 999px; --container-max: 1200px;
  --ease-out: cubic-bezier(0.16, 0.84, 0.44, 1); --dur-fast: 120ms; --dur-med: 220ms;
  --font-sans: 'DamboRoboto', system-ui, sans-serif; --font-condensed: 'DamboRobotoCond', 'DamboRoboto', system-ui, sans-serif; --font-display: 'DamboRoboto', system-ui, sans-serif;
}
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
.dl-btn { transition: transform 120ms cubic-bezier(0.16,0.84,0.44,1), filter 120ms, background 120ms; }
.dl-btn:active { transform: scale(0.97); }
.dl-primary:hover { filter: brightness(1.06); }
.dl-outline:hover, .dl-ghost:hover { background: rgba(127,127,127,0.14) !important; }
.dl-dark:hover { filter: brightness(1.25); }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #99ca3c; outline-offset: 2px; }