:root {
  color-scheme: light;
  --dr-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dr-bg: #f3f5f8;
  --dr-surface: #ffffff;
  --dr-surface-soft: #eef2f6;
  --dr-text: #172033;
  --dr-muted: #667085;
  --dr-border: #dbe1e8;
  --dr-primary: #172033;
  --dr-primary-contrast: #ffffff;
  --dr-accent: #2563eb;
  --dr-danger: #b42318;
  --dr-success: #18794e;
  --dr-radius-sm: 8px;
  --dr-radius: 12px;
  --dr-radius-lg: 18px;
  --dr-shadow: 0 8px 28px rgba(16, 24, 40, .08);
  --dr-space-1: 4px;
  --dr-space-2: 8px;
  --dr-space-3: 12px;
  --dr-space-4: 16px;
  --dr-space-5: 24px;
  --dr-space-6: 32px;
}

*, *::before, *::after { box-sizing: border-box; }
html { font-family: var(--dr-font); background: var(--dr-bg); color: var(--dr-text); }
body { min-height: 100vh; }
button, input, select, textarea { font: inherit; }
.muted { color: var(--dr-muted); }
.surface-eyebrow {
  margin: 0 0 var(--dr-space-2);
  color: var(--dr-accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.surface-header { margin-bottom: var(--dr-space-5); }
.surface-header h1 { margin: 0 0 var(--dr-space-2); }
.surface-header p:last-child { margin-bottom: 0; }
.surface-actions { display: flex; gap: var(--dr-space-3); flex-wrap: wrap; }
.surface-actions a, .surface-actions button { text-decoration: none; }