:root {
  /* Core */
  --md-sys-color-primary: #c9a24d;
  --md-sys-color-on-primary: #1c1606;
  --md-sys-color-primary-container: #3a2f0a;
  --md-sys-color-on-primary-container: #f2e1b0;
  --md-sys-color-secondary: #8c7a4f;
  --md-sys-color-on-secondary: #1a160a;
  --md-sys-color-secondary-container: #332d1b;
  --md-sys-color-on-secondary-container: #e8ddb8;
  --md-sys-color-tertiary: #6fa8dc;
  --md-sys-color-on-tertiary: #071822;
  --md-sys-color-tertiary-container: #102c3f;
  --md-sys-color-on-tertiary-container: #cfe9ff;
  --md-sys-color-error: #ff6b6b;
  --md-sys-color-on-error: #2b0000;
  --md-sys-color-error-container: #5c1a1a;
  --md-sys-color-on-error-container: #ffdada;
  --md-sys-color-background: #121212;
  --md-sys-color-on-background: #e6e6e6;
  --md-sys-color-surface: #121212;
  --md-sys-color-on-surface: #e6e6e6;
  --md-sys-color-surface-variant: #1e1e1e;
  --md-sys-color-on-surface-variant: #cfcfcf;
  --md-sys-color-outline: #8a8a8a;
  --md-sys-color-outline-variant: #3a3a3a;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #e6e6e6;
  --md-sys-color-inverse-on-surface: #1a1a1a;
  --md-sys-color-inverse-primary: #6b5500;

  /* Optional “surface containers” (not in your export, but useful in CSS) */
  --md-sys-color-surface-container-lowest: #0f0f0f;
  --md-sys-color-surface-container-low: #141414;
  --md-sys-color-surface-container: #181818;
  --md-sys-color-surface-container-high: #1c1c1c;
  --md-sys-color-surface-container-highest: #202020;

  /* Material-ish shape + motion helpers (optional) */
  --md-sys-shape-corner-sm: 8px;
  --md-sys-shape-corner-md: 12px;
  --md-sys-shape-corner-lg: 16px;
  --md-sys-state-hover-opacity: 0.08;
  --md-sys-state-focus-opacity: 0.12;
  --md-sys-state-pressed-opacity: 0.12;
  --md-sys-state-dragged-opacity: 0.16;
}