:root {
  color-scheme: light;

  --navy-900: #06452F;
  --navy-800: #086B3D;
  --navy-700: #0A7C46;
  --navy-600: #238E59;

  --emerald-600: #08783F;
  --emerald-500: #10A35A;
  --emerald-100: #DDF6E7;
  --electric-600: #08783F;
  --electric-500: #0D9250;
  --electric-100: #E1F6E9;

  --amber-500: #F4B400;
  --amber-100: #FFF2BD;
  --red-500:   #D83A3A;
  --red-100:   #FDE5E5;
  --slate-400: #8AA496;

  --background: #FFFFFF;
  --surface: #FFFFFF;
  --surface-secondary: #F4FAF6;
  --surface-muted: #EDF7F0;
  --card: #FFFFFF;
  --text-primary: #153A29;
  --text-secondary: #587063;
  --text-muted: #89A194;
  --border: #D8E9DD;
  --border-strong: #BFD9C8;
  --brand: var(--navy-800);
  --brand-ink: #FFFFFF;
  --success: var(--emerald-500);
  --success-ink: #06452F;
  --info: var(--electric-500);
  --warning: var(--amber-500);
  --danger: var(--red-500);
  --pending: #6B8074;

  --bg: var(--surface-secondary);
  --bg-elev: var(--surface);
  --bg-sunken: var(--surface-muted);
  --text: var(--text-primary);
  --text-soft: var(--text-muted);

  --ring: rgba(13,146,80,.23);
  --shadow-sm: 0 2px 7px rgba(6,69,47,.045);
  --shadow-md: 0 10px 28px rgba(6,69,47,.09), 0 2px 8px rgba(6,69,47,.045);
  --shadow-lg: 0 28px 70px -24px rgba(6,69,47,.32), 0 12px 28px -16px rgba(6,69,47,.2);

  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --font-sans: "Inter", "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --sidebar-w: 270px;
  --topbar-h: 68px;
  --container: 1220px;
}

html {
  color-scheme: light;
  background: #FFFFFF;
}

body {
  background: #FFFFFF;
  color: var(--text-primary);
}