:root, [data-theme="light"] {
  --brand-primary: #0F6CBD;
  --brand-primary-hover: #115EA3;
  --brand-tint: #E8F3FC;
  --surface: #F5F5F5;
  --surface-card: #FFFFFF;
  --text: #242424;
  --text-secondary: #616161;
  --border: #E0E0E0;
  --danger: #C50F1F;
  --success: #0E700E;
  --warning: #8A6914;
  --warning-bg: #FDE7C0;
  --radius: 4px;
  --font: "Segoe UI", "Segoe UI Variable", system-ui, sans-serif;
  --shadow: 0 1px 2px rgba(0,0,0,.08);
  --nav-width: 240px;
}

[data-theme="dark"] {
  --brand-primary: #4F9DEB;
  --brand-primary-hover: #62ABF5;
  --brand-tint: #1B2A3A;
  --surface: #1F1F1F;
  --surface-card: #2D2D2D;
  --text: #FFFFFF;
  --text-secondary: #D6D6D6;
  --border: #3D3D3D;
  --danger: #F1707B;
  --success: #54B054;
  --warning: #FDE7C0;
  --warning-bg: #4A3B12;
  --shadow: 0 1px 2px rgba(0,0,0,.4);
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font);
  background: var(--surface);
  color: var(--text);
  min-height: 100%;
}
a { color: var(--brand-primary); text-decoration: none; }
button, input, select, textarea {
  font: inherit;
}