:root{
  /* Brand */
  --brand: #2b6cb0;
  --brand-2: #1a202c;

  /* Surface */
  --bg: #0b0f14;
  --panel: #101826;
  --panel-2: #0f172a;
  --text: #e6edf7;
  --muted: #a9b6c7;
  --border: rgba(255,255,255,.10);

  /* Accents */
  --ok: #22c55e;
  --soon: #f59e0b;
  --danger: #ef4444;

  /* Radius / Shadow / Spacing */
  --r: 16px;
  --r-sm: 12px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);

  --container: 1040px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;

  /* Typography */
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;
}