:root {
  --surface: #f2f5f5;
  --card: #ffffff;
  --border: #d6dedf;
  --border-control: #6f8296;
  --text-strong: #12161a;
  --text-muted: #5d6068;
  --header: #075588;
  --header-text: #eaf3fa;
  --header-dim: #b0cfe3;
  --accent: #075588;
  --accent-strong: #075588;
  --on-accent: #ffffff;
  --accent-soft: #dceaf4;
  --success: #1f7a4d;
  --warning: #a05c00;
  --error: #d40009;
  --success-soft: #e3f2ea;
  --warning-soft: #fbf0dc;
  --error-soft: #fbe9e9;
  --brand: #ff0008;
  --brand-fg: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --surface: #0a1016;
  --card: #121a22;
  --border: #26333e;
  --border-control: #5a7183;
  --text-strong: #e8eef3;
  --text-muted: #95a3ae;
  --header: #04222f;
  --header-text: #e8eef3;
  --header-dim: #7d97a8;
  --accent: #57a9dd;
  --accent-strong: #57a9dd;
  --on-accent: #06131c;
  --accent-soft: #0f2c3d;
  --success: #4cc38a;
  --warning: #e0a33a;
  --error: #ff5f57;
  --success-soft: #0f2b21;
  --warning-soft: #2b2111;
  --error-soft: #2e1618;
  --brand: #ff0008;
  --brand-fg: #ffffff;
  }
}

:root[data-theme="dark"] {
  --surface: #0a1016;
  --card: #121a22;
  --border: #26333e;
  --border-control: #5a7183;
  --text-strong: #e8eef3;
  --text-muted: #95a3ae;
  --header: #04222f;
  --header-text: #e8eef3;
  --header-dim: #7d97a8;
  --accent: #57a9dd;
  --accent-strong: #57a9dd;
  --on-accent: #06131c;
  --accent-soft: #0f2c3d;
  --success: #4cc38a;
  --warning: #e0a33a;
  --error: #ff5f57;
  --success-soft: #0f2b21;
  --warning-soft: #2b2111;
  --error-soft: #2e1618;
  --brand: #ff0008;
  --brand-fg: #ffffff;
}