:root {
  --sec-bg: #ffffff;
  --sec-surface: #ffffff;
  --sec-ink: #232637;
  --sec-muted: #484c5f;
  --sec-primary: #44336b;
  --sec-accent: #ddd4f5;
  --sec-dark: #202333;
  --sec-border: #cfd0da;
  --sec-panel: #f3f2f7;
  --sec-focus: #594188;
  --sec-button-ink: #ffffff;
  --sec-font: 'Segoe UI', Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sec-bg: #181b29;
    --sec-surface: #222637;
    --sec-ink: #f4f3fa;
    --sec-muted: #d3d1e2;
    --sec-primary: #ddd4f5;
    --sec-border: #7a7890;
    --sec-panel: #222637;
    --sec-focus: #ddd4f5;
    --sec-button-ink: #202333;
  }
}