:root {
  --sec-bg: #fbfaf6;
  --sec-surface: #ffffff;
  --sec-ink: #2b302b;
  --sec-muted: #4a554a;
  --sec-primary: #405840;
  --sec-accent: #e1e8d5;
  --sec-dark: #293b2a;
  --sec-border: #ccd3c4;
  --sec-panel: #f0f2e9;
  --sec-focus: #405840;
  --sec-button-ink: #ffffff;
  --sec-font: 'Segoe UI', Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sec-bg: #293b2a;
    --sec-surface: #24323b;
    --sec-ink: #f2f5f7;
    --sec-muted: #d2dce2;
    --sec-primary: #e1e8d5;
    --sec-border: #81939e;
    --sec-panel: #24323b;
    --sec-focus: #e1e8d5;
    --sec-button-ink: #293b2a;
  }
}