/* CMCO color tokens — values taken verbatim from the CMCO Brand Identity Guide (color palette specifications, p.23). */
:root {
  /* Core blues */
  --cmco-blue: #0066ba;          /* CMCO Primary Blue — Pantone 2144 C. Flat logo, headings, links */
  --cmco-midnight: #00344f;      /* CMCO Midnight Blue — Pantone 2965 C. Dark backgrounds, product page headers */
  --cmco-bright-blue: #009ade;   /* Bright Blue — light end of icon gradient */
  --cmco-light-blue: #0085d6;    /* light end of the logo gradient (light backgrounds) */
  --cmco-deep-blue: #004b98;     /* dark end of the logo gradient */
  --cmco-dark-blue: #003765;     /* dark end of the blue line gradient */

  /* Linear motion line accents */
  --cmco-orange: #ff9900;        /* Brighter Orange — orange line gradient start */
  --cmco-red: #dd0000;           /* Darker Orange — orange line gradient end */

  /* Secondary accent colors (graphs, charts — never covers or trade show graphics) */
  --cmco-slate-gray: #5f6b7a;
  --cmco-steel-gray: #7e8895;
  --cmco-cool-gray: #aeb7c2;
  --cmco-stone: #c7c0b7;

  /* Gradients */
  --gradient-logo: linear-gradient(90deg, #004b98 0%, #0085d6 100%); /* @kind color */
  --gradient-logo-dark: linear-gradient(90deg, #0066ba 0%, #009ade 100%); /* @kind color */
  --gradient-blue-line: linear-gradient(90deg, #003765 0%, #0066ba 100%); /* @kind color */
  --gradient-orange-line: linear-gradient(90deg, #ff9900 0%, #dd0000 100%); /* @kind color */
  --gradient-icon: linear-gradient(135deg, #009ade 0%, #0066ba 100%); /* @kind color */
  --gradient-cmotion: linear-gradient(135deg, #004b98 0%, #0085d6 100%); /* @kind color */

  /* Semantic aliases */
  --surface-page: #ffffff;
  --surface-dark: var(--cmco-midnight);
  --surface-black: #000000;
  --surface-card: #ffffff;
  --text-body: #000000;          /* guide sets all letter/contact text in black */
  --text-heading: var(--cmco-blue);
  --text-on-dark: #ffffff;
  --text-muted: var(--cmco-slate-gray);
  --border-subtle: var(--cmco-cool-gray);
  --link: var(--cmco-blue);
  --link-hover: var(--cmco-deep-blue);
  --focus-ring: var(--cmco-bright-blue);
}