:root {
  /* Brand */
  --gold-300: #FFD563;
  --gold-400: #FFC531;
  --gold-500: #FDB515;   /* primary brand gold (logo) */
  --gold-600: #E09E00;
  --gold-700: #B37E00;
  --gold-050: #FFF7E3;
  --gold-100: #FFEDC2;

  --ink-900: #14161A;    /* logo black */
  --ink-800: #23262C;
  --ink-700: #363A42;
  --ink-500: #5C616B;
  --ink-400: #7C828D;
  --ink-300: #A6ABB4;
  --ink-200: #D4D7DC;
  --ink-100: #E9EBEE;
  --ink-050: #F5F6F8;

  --navy-900: #0C1B26;   /* deep-sea navy, dark surfaces */
  --navy-800: #12283A;
  --navy-700: #1A374E;

  --paper: #FFFFFF;
  --paper-warm: #FDFBF6; /* warm off-white page bg */

  /* Semantic */
  --success: #1E7F4F;
  --success-bg: #E5F4EC;
  --warning: #B37E00;
  --warning-bg: #FFF7E3;
  --danger: #C0392B;
  --danger-bg: #FBEAE7;
  --info: #1A5D8A;
  --info-bg: #E7F1F8;

  /* Aliases */
  --brand: var(--gold-500);
  --brand-hover: var(--gold-600);
  --brand-soft: var(--gold-050);

  --text-heading: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-on-brand: var(--ink-900);
  --text-on-dark: #F4F6F8;
  --text-link: var(--gold-700);
  --text-link-hover: var(--gold-600);

  --surface-page: var(--paper-warm);
  --surface-card: var(--paper);
  --surface-sunken: var(--ink-050);
  --surface-dark: var(--navy-900);
  --surface-dark-raised: var(--navy-800);

  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);
  --border-focus: var(--gold-500);
}