/* Design tokens. Dark is the default; light via <html data-theme="light">. */
:root {
  --bg: #0f1012;
  --surface: #16181b;
  --surface-2: #1c1f23;
  --line: #25282d;
  --text: #d6d9de;
  --text-strong: #f1f3f5;
  --muted: #868b94;
  --accent: #3ddc84;
  --accent-soft: rgba(61, 220, 132, 0.09);
  --accent-ink: #0b1a11;
  --danger: #ff5d5d;
  --danger-soft: rgba(255, 93, 93, 0.10);
  --warn: #e6b450;

  /* Codeforces rating colors (tuned for dark) */
  --cf-gray: #9a9a9a;
  --cf-green: #3fbf3f;
  --cf-cyan: #2fc6b8;
  --cf-blue: #5b7cff;
  --cf-violet: #c45bd6;
  --cf-orange: #ff9c33;
  --cf-red: #ff4040;

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* surfaces, depth and atmosphere */
  --line-strong: #33373d;
  --surface-hover: #1a1d21;
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 32px -16px rgba(0, 0, 0, 0.6);
  --dot: rgba(255, 255, 255, 0.045);
  --glow: rgba(61, 220, 132, 0.10);

  /* team duels: two side colors, kept away from the green "accepted" accent */
  --team-a: #7aa7ff;
  --team-a-soft: rgba(122, 167, 255, 0.09);
  --team-b: #f0a35e;
  --team-b-soft: rgba(240, 163, 94, 0.08);

  /* one control height scale: small / default / large */
  --h-sm: 32px; --h-md: 40px; --h-lg: 48px;

  --r-sm: 6px;
  --r: 8px;
  --r-lg: 12px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px;
  --fast: 160ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f6f7f8;
  --surface: #ffffff;
  --surface-2: #eef0f2;
  --line: #e1e4e8;
  --text: #2a2e34;
  --text-strong: #0f1115;
  --muted: #6b717b;
  --accent: #10a95a;
  --accent-soft: rgba(16, 169, 90, 0.09);
  --accent-ink: #ffffff;
  --danger: #d93838;
  --danger-soft: rgba(217, 56, 56, 0.08);
  --warn: #a8761b;

  --cf-gray: #808080;
  --cf-green: #008000;
  --cf-cyan: #03a89e;
  --cf-blue: #0000ff;
  --cf-violet: #aa00aa;
  --cf-orange: #ff8c00;
  --cf-red: #ff0000;

  --line-strong: #cfd4da;
  --surface-hover: #f9fafb;
  --shadow: 0 1px 2px rgba(15, 17, 21, 0.04), 0 12px 32px -18px rgba(15, 17, 21, 0.18);
  --dot: rgba(15, 17, 21, 0.06);
  --glow: rgba(16, 169, 90, 0.10);
  --team-a: #2f62d6;
  --team-a-soft: rgba(47, 98, 214, 0.09);
  --team-b: #b8630f;
  --team-b-soft: rgba(184, 99, 15, 0.10);
  color-scheme: light;
}