/* Handy Eldiven — Color tokens
   Palette: modern graphite/charcoal neutrals (matches the black in the HANDY®
   wordmark) + Handy brand red. Clean white surfaces, red reserved for brand
   moments and CTAs. Safety orange survives only as a small secondary accent. */

:root {
  /* ---- Base: Graphite (brand-dark, structure, headers) ---- */
  --navy-900: #14181d;
  --navy-800: #1b2128;
  --navy-700: #262e37;
  --navy-600: #333d48;
  --navy-500: #46525e;
  --steel-400: #6b7885;
  --steel-300: #97a2ad;
  --steel-200: #c7cdd4;
  --steel-100: #e7eaee;

  /* ---- Neutrals (paper, ink) ---- */
  --fog-050: #f8f9fa;
  --fog-100: #f1f3f5;
  --fog-200: #e5e8eb;
  --white: #ffffff;
  --ink-900: #12161b;
  --ink-700: #3a434c;
  --ink-500: #5f6b76;
  --ink-300: #8e99a3;

  /* ---- Brand: Handy Red (logo, CTAs, active states) ---- */
  --red-800: #980e13;
  --red-700: #b31217;
  --red-600: #e8232b;
  --red-500: #f0464d;
  --red-100: #fdeaeb;

  /* ---- Secondary accent: Safety Orange (hi-vis highlights) ---- */
  --orange-700: #c94f00;
  --orange-600: #ff6a00;
  --orange-500: #ff8a33;
  --orange-100: #fff1e5;

  /* ---- WhatsApp ---- */
  --whatsapp: #25d366;
  --whatsapp-dark: #1eb257;

  /* ---- Rating scale (EN388-style spec bars: 1 low → 4/X high) ---- */
  --rating-1: #c7cdd4;
  --rating-2: #97a2ad;
  --rating-3: #f0464d;
  --rating-4: #e8232b;
  --rating-max: #262e37;

  /* ---- Semantic aliases ---- */
  --surface-page: var(--fog-050);
  --surface-card: var(--white);
  --surface-sunken: var(--fog-100);
  --surface-inverse: var(--navy-900);
  --surface-accent: var(--red-700); /* filled CTAs use red-700 for AA contrast */

  --text-heading: var(--navy-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-on-inverse: var(--fog-050);
  --text-on-accent: var(--white);
  --text-link: var(--navy-700);
  --text-link-hover: var(--red-600);

  --border-subtle: var(--fog-200);
  --border-default: var(--steel-200);
  --border-strong: var(--steel-400);

  --focus-ring: var(--red-600);
}