/* United Distributors — Color tokens
   Base palette sampled directly from the live site screenshots. */
:root {
  /* ---- Brand base ---- */
  --ud-crimson:        #9d171c; /* primary brand red (buttons, panels, headings on cream) */
  --ud-crimson-bright: #b8232a; /* hover / lighter red */
  --ud-crimson-dark:   #6d1116; /* pressed / deep panels */
  --ud-maroon:         #4a0d10; /* darkest — gradient anchors */
  --ud-amber:          #d4913e; /* gold accent — maps, spotlight cards, highlights */
  --ud-amber-dark:     #b9772a; /* amber hover / borders */

  /* ---- Ink & neutrals ---- */
  --ud-black:   #121212; /* near-black surfaces (nav, footer, dark bands) */
  --ud-ink:     #1a1a1a; /* body text on light */
  --ud-gray-800:#2b2b2b;
  --ud-gray-700:#3d3d3d;
  --ud-gray-500:#6b6b6b; /* muted text */
  --ud-gray-400:#8f8b82;
  --ud-gray-300:#c9c6bf; /* hairline borders on light */
  --ud-gray-200:#e2ded4;
  --ud-gray-100:#eeeae0;

  /* ---- Paper / cream ---- */
  --ud-paper:    #faf7f0; /* lightest warm surface */
  --ud-cream:    #f4efe3; /* primary warm page background */
  --ud-cream-alt:#f2f2ec; /* cooler cream (news section) */
  --ud-white:    #ffffff;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--ud-crimson);
  --color-primary-hover:  var(--ud-crimson-bright);
  --color-primary-active: var(--ud-crimson-dark);
  --color-accent:         var(--ud-amber);
  --color-accent-hover:   var(--ud-amber-dark);

  --text-strong:   var(--ud-ink);
  --text-body:     var(--ud-gray-700);
  --text-muted:    var(--ud-gray-500);
  --text-inverse:  var(--ud-white);
  --text-on-brand: var(--ud-white);
  --text-brand:    var(--ud-crimson);

  --surface-page:   var(--ud-cream);
  --surface-card:   var(--ud-white);
  --surface-alt:    var(--ud-cream-alt);
  --surface-dark:   var(--ud-black);
  --surface-brand:  var(--ud-crimson);
  --surface-accent: var(--ud-amber);

  --border-subtle: var(--ud-gray-300);
  --border-strong: var(--ud-ink);
  --border-brand:  var(--ud-crimson);
  --border-on-dark: rgba(255,255,255,0.18);

  --focus-ring: var(--ud-crimson-bright);

  /* Signature gradient — deep maroon to crimson (About hero, dark bands) */
  --gradient-brand: linear-gradient(180deg, var(--ud-maroon) 0%, var(--ud-crimson) 100%);
  --gradient-dark-veil: linear-gradient(180deg, rgba(18,18,18,0) 0%, rgba(18,18,18,0.65) 100%); /* @kind color */
}