/* muse + gather — Color tokens */
:root {
  /* Brand palette (base) */
  --mg-cream: #F5F0E8;
  --mg-ink: #2C2820;
  --mg-taupe: #968172;
  --mg-bronze: #7A6656;        /* deeper brand brown, legible for labels/text */
  --mg-bronze-tint: #EFE7DF;   /* soft bronze wash */
  --mg-coral: #FF854F;
  --mg-green: #AADB7D;
  --mg-navy: #3E5164;

  /* Tints & shades derived from the palette */
  --mg-cream-deep: #ECE4D6;   /* slightly deeper surface */
  --mg-cream-raised: #FBF8F2; /* raised card surface */
  --mg-ink-soft: #4A443A;     /* softened ink for long text */
  --mg-taupe-light: #C9BDB0;  /* hairline borders, disabled */
  --mg-taupe-faint: #E3DACE;  /* faint dividers on cream */
  --mg-coral-deep: #E86A34;   /* coral hover/press */
  --mg-coral-tint: #FFE4D6;   /* coral wash / badge bg */
  --mg-green-deep: #8FC55F;   /* green hover */
  --mg-green-tint: #E9F4DC;   /* green wash / badge bg */
  --mg-navy-deep: #32424F;    /* navy hover */
  --mg-navy-tint: #DEE4EA;    /* navy wash / badge bg */

  /* Brandbook additions — light blue & gray (main), pink (accent) */
  --mg-blue: #8AD7ED;         /* brand light blue (main) */
  --mg-blue-deep: #5FB8D4;    /* light blue hover */
  --mg-blue-tint: #DEF2F8;    /* light blue wash / panel bg */
  --mg-gray: #B5B7B7;         /* brand gray (main) */
  --mg-gray-tint: #EAEBEB;    /* gray wash */
  --mg-pink: #EED8D5;         /* brand pink (accent) */
  --mg-pink-deep: #E3B9B3;    /* pink hover */
  --mg-pink-tint: #F8ECEA;    /* pink wash / panel bg */

  /* Cool paper surfaces + slate neutrals (neutral cool base — not cold, not cream) */
  --mg-paper: #EDEEEE;        /* cool page surface, neutral */
  --mg-paper-raised: #F8F9F8; /* raised card surface */
  --mg-paper-sunken: #E0E1E1; /* sunken surface */
  --mg-slate-hairline: #E0E1E1;
  --mg-slate-border: #CBCCCC;
  --mg-slate-strong: #A6A8A8;
  --mg-slate-muted: #71767A;  /* cool muted text */
  --mg-inverse-text: #EDF1F4; /* light text on navy */
  --mg-inverse-muted: #A9B8C2;/* muted light on navy */

  /* Semantic aliases */
  --surface-page: var(--mg-paper);
  --surface-sunken: var(--mg-paper-sunken);
  --surface-card: var(--mg-paper-raised);
  --surface-inverse: var(--mg-navy);

  --text-primary: var(--mg-navy);
  --text-body: var(--mg-ink-soft);
  --text-muted: var(--mg-slate-muted);
  --text-inverse: var(--mg-inverse-text);
  --text-link: var(--mg-navy);
  --text-link-hover: var(--mg-coral);

  --border-hairline: var(--mg-slate-hairline);
  --border-default: var(--mg-slate-border);
  --border-strong: var(--mg-slate-strong);

  --accent-primary: var(--mg-coral);
  --accent-primary-hover: var(--mg-coral-deep);
  --accent-secondary: var(--mg-green);
  --accent-secondary-hover: var(--mg-green-deep);
  --accent-tertiary: var(--mg-navy);
  --accent-tertiary-hover: var(--mg-navy-deep);
  --accent-quaternary: var(--mg-blue);
  --accent-quaternary-hover: var(--mg-blue-deep);

  --focus-ring: var(--mg-navy);
}