/* =========================================================
   GLOBAL (applies to both themes unless overridden)
   ========================================================= */

:root {
  /* Brand colors (define once, reuse everywhere) */
  --brand-primary: #aea32c;
  --brand-primary-light: #aea32c;
  --brand-primary-dark: #aea32c;

  /* Optional neutrals */
  --brand-bg: #ffffff;
  --brand-bg-dark: #121212;
}

/* =========================================================
   LIGHT MODE (default)
   ========================================================= */

[data-md-color-scheme="default"] {
  /* Primary colors */
  --md-primary-fg-color: var(--brand-primary);
  --md-primary-fg-color--light: var(--brand-primary-light);
  --md-primary-fg-color--dark: var(--brand-primary-dark);

  /* Background */
  --md-default-bg-color: var(--brand-bg);
  --md-default-fg-color: #1a1a1a;
}

/* =========================================================
   DARK MODE (slate)
   ========================================================= */

[data-md-color-scheme="slate"] {
  /* Primary colors */
  --md-primary-fg-color: var(--brand-primary-light);
  --md-primary-fg-color--light: #e3f2fd;
  --md-primary-fg-color--dark: var(--brand-primary);

  /* Background */
  --md-default-bg-color: var(--brand-bg-dark);
  --md-default-fg-color: #e0e0e0;
}