:root {
  /* Brand / primary (green) */
  --c-primary-50: 247 254 231;
  --c-primary-100: 236 252 203;
  --c-primary-200: 217 249 157;
  --c-primary-300: 190 242 100;
  --c-primary-400: 163 230 53;
  --c-primary-500: 119 229 20;
  --c-primary-600: 101 193 15;
  --c-primary-700: 77 156 10;

  /* Supporting accents (used for plan cards, badges, etc.) */
  --c-success-500: 85 184 90;
  --c-orange-500: 255 159 28;
  --c-orange-600: 255 138 0;
  --c-gold-700: 176 122 0;
  --c-purple-500: 163 60 199;
  --c-purple-400: 180 75 212;

  /* Extra neutrals / UI inks used in inline SVGs */
  --c-slate-900: 17 24 39;
  --c-ink-950: 27 15 11;
  --c-blue-600: 37 99 235;
  --c-amber-700: 180 83 9;

  /* Neutrals */
  --c-white: 255 255 255;
  --c-black: 0 0 0;
  --c-zinc-50: 250 250 250;
  --c-zinc-100: 244 244 245;
  --c-zinc-200: 228 228 231;
  --c-zinc-500: 113 113 122;
  --c-zinc-700: 63 63 70;
  --c-zinc-900: 24 24 27;

  /* Accent palette used across UI */
  --c-info-400: 42 167 255;
  --c-info-500: 24 119 255;
  --c-info-600: 21 133 254;
  --c-warning-500: 245 158 11;
  --c-danger-600: 220 38 38;
  --c-violet-600: 109 40 217;

}

html,
body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img,
video,
canvas,
svg,
iframe {
  max-width: 100%;
  height: auto;
}

input,
select,
textarea,
button {
  font: inherit;
}