/*
 * Marauder landing clone — shadcn-style design tokens.
 * Values expressed as raw RGB channels ("R G B") so Tailwind's opacity
 * modifiers (bg-accent/10, from-accent/10, border-accent/30, etc.) can
 * inject <alpha-value> into `rgb(var(--x) / <alpha>)`.
 */

:root {
  --background: 246 247 249;
  --surface: 255 255 255;
  --surface-2: 241 243 245;
  --card: 255 255 255;
  --popover: 255 255 255;

  --foreground: 11 12 14;
  --muted-foreground: 91 100 113;
  --subtle-foreground: 139 146 157;

  --border: 230 232 236;
  --border-strong: 212 216 221;
  --input: 223 226 231;
  --ring: 4 120 87;

  --primary: 22 23 26;
  --primary-foreground: 255 255 255;
  --primary-hover: 44 46 51;

  --accent: 4 120 87;
  --accent-foreground: 255 255 255;
  --accent-hover: 3 98 73;
  --accent-soft: 231 245 239;
  --accent-soft-foreground: 3 98 73;

  --success: 4 120 87;
  --success-soft: 231 245 239;
  --warning: 180 83 9;
  --warning-soft: 251 240 221;
  --danger: 190 18 60;
  --danger-foreground: 255 255 255;
  --danger-hover: 159 16 52;
  --danger-soft: 252 232 236;
  --info: 29 78 216;
  --info-soft: 232 239 252;
  --info-foreground: 255 255 255;

  --control-thumb: 255 255 255;

  --shadow-xs: 0 1px 2px rgb(16 24 40 / 0.04);
  --shadow-sm: 0 1px 3px rgb(16 24 40 / 0.06), 0 1px 2px rgb(16 24 40 / 0.04);
  --shadow-md: 0 4px 16px -2px rgb(16 24 40 / 0.08), 0 2px 6px -2px rgb(16 24 40 / 0.05);
  --shadow-lg: 0 16px 40px -8px rgb(16 24 40 / 0.14), 0 4px 12px -4px rgb(16 24 40 / 0.08);
  --shadow-glow: 0 0 0 1px rgb(5 150 105 / 0.12), 0 8px 28px -6px rgb(5 150 105 / 0.22);

  --radius: 0.625rem;
}

.dark {
  --background: 10 11 13;
  --surface: 17 18 20;
  --surface-2: 23 25 28;
  --card: 17 18 20;
  --popover: 23 25 28;

  --foreground: 246 247 249;
  --muted-foreground: 154 162 173;
  --subtle-foreground: 107 114 125;

  --border: 35 38 44;
  --border-strong: 51 55 62;
  --input: 42 45 51;
  --ring: 16 185 129;

  --primary: 246 247 249;
  --primary-foreground: 11 12 14;
  --primary-hover: 228 230 234;

  --accent: 16 185 129;
  --accent-foreground: 4 35 26;
  --accent-hover: 5 150 105;
  --accent-soft: 15 42 34;
  --accent-soft-foreground: 52 211 153;

  --success: 16 185 129;
  --success-soft: 15 42 34;
  --warning: 245 158 11;
  --warning-soft: 42 30 10;
  --danger: 244 63 94;
  --danger-foreground: 255 255 255;
  --danger-hover: 225 29 72;
  --danger-soft: 59 18 32;
  --info: 96 165 250;
  --info-soft: 15 30 51;
  --info-foreground: 255 255 255;

  --control-thumb: 246 247 249;

  --shadow-xs: 0 1px 2px rgb(0 0 0 / 0.2);
  --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.25), 0 1px 2px rgb(0 0 0 / 0.2);
  --shadow-md: 0 4px 16px -2px rgb(0 0 0 / 0.33), 0 2px 6px -2px rgb(0 0 0 / 0.25);
  --shadow-lg: 0 16px 40px -8px rgb(0 0 0 / 0.4), 0 4px 12px -4px rgb(0 0 0 / 0.33);
  --shadow-glow: 0 0 0 1px rgb(16 185 129 / 0.2), 0 8px 28px -6px rgb(16 185 129 / 0.4);
}

html {
  color-scheme: light;
}
.dark html,
html.dark {
  color-scheme: dark;
}