/* ============================================================
   INWIN — Color tokens
   Base palette drawn from the brochure + logo system.
   ============================================================ */

:root {
  /* ---- Brand / action ---- */
  --inwin-orange: #EE7A1B;        /* primary action, key figures, section titles */
  --inwin-orange-600: #D96A10;    /* hover / pressed */
  --inwin-orange-100: #FDEFD7;    /* beige tint — neutral warm surface */

  /* ---- Structure / dark ---- */
  --inwin-black: #050505;         /* header, footer, dark sections, body text */
  --inwin-slate: #556366;         /* intermediate content blocks (white text on top) */

  /* ---- Neutrals ---- */
  --inwin-white: #FFFFFF;
  --inwin-gray-50: #F9F9F9;       /* very pale neutral surface */
  --inwin-gray-200: #E4E7E7;      /* hairline borders, dividers */
  --inwin-gray-400: #9AA3A4;      /* muted text on light */

  /* ---- Secondary / expressive (news & comms only) ---- */
  --inwin-magenta: #E6197F;       /* petal / accent */
  --inwin-cyan: #29B6C4;          /* petal / accent */
  --inwin-blue: #2E9BD6;          /* petal */
  --inwin-pink: #E6197F;
  --inwin-red: #D6295A;           /* petal */

  /* ============================================================
     Semantic aliases — reference these in components.
     ============================================================ */

  /* Text */
  --text-strong: var(--inwin-black);
  --text-body: #1C1F20;
  --text-muted: var(--inwin-gray-400);
  --text-on-dark: var(--inwin-white);
  --text-on-slate: var(--inwin-white);
  --text-accent: var(--inwin-orange);
  --text-link: var(--inwin-orange);
  --text-link-hover: var(--inwin-orange-600);

  /* Surfaces */
  --surface-page: var(--inwin-white);
  --surface-alt: var(--inwin-gray-50);
  --surface-warm: var(--inwin-orange-100);
  --surface-slate: var(--inwin-slate);
  --surface-dark: var(--inwin-black);
  --surface-card: var(--inwin-white);

  /* Interactive */
  --action-bg: var(--inwin-orange);
  --action-bg-hover: var(--inwin-orange-600);
  --action-fg: var(--inwin-white);

  /* Lines */
  --border-subtle: var(--inwin-gray-200);
  --border-strong: rgba(5, 5, 5, 0.12);

  /* Focus */
  --focus-ring: rgba(238, 122, 27, 0.45);
}