/* ============================================================
   CÁDIZ BUS — COLOR TOKENS
   Navy institucional (transporte urbano) + amarillo autobús
   + teal de bahía (identidad costera de Cádiz).
   Base values sourced from src/theme/variables.scss and the
   landing page tokens of juanfloresrodriguez/cadiz-bus.
   ============================================================ */
:root {
  /* --- Navy (primary / institutional) --- */
  --navy-950: #071b2c;
  --navy-900: #0a2c46;
  --navy-800: #0b3d64; /* --ion-color-primary */
  --navy-700: #0a3658; /* primary shade */
  --navy-600: #175d86;
  --navy-500: #245176; /* primary tint */

  /* --- Yellow (bus accent) --- */
  --yellow-500: #d5ab2a; /* secondary shade */
  --yellow-400: #f2c230; /* --ion-color-secondary */
  --yellow-300: #f6d466;

  /* --- Teal (bay / coastal accent) --- */
  --teal-600: #147074;
  --teal-500: #1c8f93;
  --teal-400: #2fb3b0;

  /* --- Neutrals --- */
  --white: #ffffff;
  --paper: #eef3f4;      /* app + landing page background */
  --gray-050: #f4f5f8;   /* --ion-color-light */
  --gray-100: #e7ebee;
  --gray-200: #d7d8da;   /* light shade / hairlines */
  --gray-500: #92949c;   /* --ion-color-medium */
  --ink-900: #0c2233;    /* body ink */
  --ink-700: #3d5566;    /* soft ink (landing) */
  --ink-600: #5f6368;    /* AA-safe secondary text (app) */

  /* --- Semantic status (Ionic palette) --- */
  --green-500: #2dd36f;  /* success + "llegando" imminent */
  --amber-500: #ffc409;  /* warning */
  --red-500: #eb445a;    /* danger */

  /* --- Official line colours (dataset) --- */
  --line-1: #ff0000; /* Plaza España – Cortadura */
  --line-2: #1e8e3e; /* Plaza España – Bda. Loreto – Zona Franca */
  --line-3: #5503c2; /* Plaza España – Puntales – Bda. Loreto */
  --line-5: #954a4a; /* Plaza España – Bda. La Paz – Puntales */
  --line-7: #f2a900; /* Gta. Ana Orantes – Gta. Simón Bolívar */

  /* ==========================================================
     SEMANTIC ALIASES — reference these in product UI.
     ========================================================== */
  --color-primary: var(--navy-800);
  --color-primary-hover: var(--navy-700);
  --color-primary-contrast: #ffffff;
  --color-accent: var(--yellow-400);
  --color-accent-contrast: #0c1116;
  --color-bay: var(--teal-500);

  --bg: var(--paper);
  --surface: var(--white);
  --surface-raised: var(--white);
  --surface-board: var(--navy-950); /* split-flap arrivals board */
  --surface-flow: var(--navy-950);  /* dark "how it works" band */

  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-soft: var(--ink-700);
  --text-on-primary: #ffffff;
  --text-on-board: #f4f7f8;

  --hairline: rgba(12, 34, 51, 0.12);
  --border-strong: var(--gray-200);

  --status-success: var(--green-500);
  --status-warning: var(--amber-500);
  --status-danger: var(--red-500);
  --status-imminent: var(--green-500);

  --link: var(--navy-800);
  --link-hover: var(--teal-500);
}