/* ==========================================================================
   BHIVE — Color tokens
   Brand core: Gold #B76E00 · Light Gold #E8A94D · Deep Indigo #04042A
              Neutral Dark #292929 · Off-White #FFF9F0
   Two golds only (primary + light); indigo for brand drama, ink for structure.
   ========================================================================== */
:root {
  /* --- Gold (primary brand / honey) --- */
  --gold-100: #FBEDD8;   /* soft tint (badge / accent-soft) */
  --gold-200: #F5D9A9;
  --gold-300: #EFC57C;
  --gold-400: #E8A94D;   /* LIGHT GOLD — hover states, badges, highlights */
  --gold-500: #B76E00;   /* PRIMARY brand gold — buttons, CTAs, links */
  --gold-600: #995C00;   /* deep gold (hover / text-on-light) */
  --gold-700: #7A4900;
  --gold-800: #573400;

  /* --- Indigo (deep brand accent) --- */
  --indigo-900: #04042A; /* DEEP INDIGO — hero/header/footer, brand drama */
  --indigo-800: #0E0E44;
  --indigo-700: #1A1A5C;
  --indigo-600: #292974;
  --indigo-500: #3C3C90;
  --indigo-300: #8888C0;
  --indigo-100: #DCDCEC;

  /* --- Ink / neutral --- */
  --ink-950: #141414;
  --ink-900: #1D1D1D;
  --ink-800: #292929;    /* NEUTRAL DARK — body text alt, structural UI */
  --ink-700: #3D3D3D;
  --ink-600: #565656;
  --ink-500: #757575;
  --ink-400: #9A9A9A;
  --ink-300: #C2C2C2;
  --ink-200: #E1DED8;
  --ink-100: #EEEAE1;

  /* --- Cream / surfaces --- */
  --cream: #FFF9F0;      /* OFF-WHITE — alternating section backgrounds */
  --cream-dim: #F7EFE1;
  --white: #FFFFFF;      /* primary background */

  /* --- Semantic status --- */
  --success: #2E9E5B;
  --warning: #E8A94D;    /* light gold (stays within palette) */
  --danger:  #D64545;
  --info:    #3C6DE0;

  /* ======================= SEMANTIC ALIASES ======================= */
  /* Surfaces */
  --surface-page: var(--cream);
  --surface-card: var(--white);
  --surface-sunken: var(--cream-dim);
  --surface-inverse: var(--ink-900);
  --surface-brand: var(--gold-500);
  --surface-brand-deep: var(--indigo-900);

  /* Text */
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted: var(--ink-400);
  --text-inverse: var(--cream);
  --text-inverse-muted: rgba(255, 249, 240, 0.62);
  --text-brand: var(--gold-600);
  --text-on-brand: var(--ink-950);

  /* Borders */
  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-900);
  --border-brand: var(--gold-500);

  /* Interactive accent */
  --accent: var(--gold-500);
  --accent-hover: var(--gold-600);
  --accent-active: var(--gold-700);
  --accent-soft: var(--gold-100);

  --focus-ring: color-mix(in srgb, var(--gold-500) 55%, transparent);
}