:root{
  color-scheme: light;
  --c-primary: #1c1917;
  --c-secondary: #44403c;
  --c-accent: #f59e0b;
  --c-bg: #faf7f2;
  --c-surface: #fffdf9;
  --c-border: #e7e0d4;
  --c-text: #1c1917;
  --c-muted: #57534e;
  --c-link: #a64d08;
  --c-btn-bg: #1c1917;
  --c-btn-text: #ffffff;
  --c-btn-hover-bg: #a64d08;
  --c-btn-hover-text: #ffffff;
  --c-focus: #a64d08;
  --c-header-bg: #faf7f2;
  --c-header-text: #1c1917;
  --c-footer-bg: #1c1917;
  --c-footer-text: #d6d3d1;
  --c-success: #0f7a3d;
  --c-warning: #8a5a00;
  --c-danger: #b3261e;
  --c-on-primary: #ffffff;
  --c-on-secondary: #ffffff;
  --c-on-accent: #0a0f16;
  --c-on-success: #ffffff;
  --c-on-warning: #ffffff;
  --c-on-danger: #ffffff;
  --font-heading: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}