/*
 * Shared design tokens for the public site.
 *
 * The booking funnel used to carry its own palette: the departure board was built on the
 * template's blue, while the seat picker and checkout were standalone documents in a
 * maroon of their own, on top of Bootstrap 4 defaults. Three accent colours and two
 * Bootstrap majors across three consecutive pages of one purchase.
 *
 * Every page-level stylesheet now reads its colours from here, so a change to the brand
 * is one edit and the pages cannot drift apart again. Values are the site's existing
 * ones (style.css's #0087EB, the board's slate greys) — this file did not invent a new
 * look, it just gave the old one a single home.
 *
 * Loaded from layouts/master_home.blade.php ahead of style.css.
 */

:root {
    /* Brand */
    --jt-accent: #0087eb;
    --jt-accent-dark: #0069b8;
    /* Tint behind accent-coloured chips and badges, and the resting state of a seat. */
    --jt-accent-soft: #eef6ff;
    --jt-accent-line: #bcdcfb;

    /* Text */
    --jt-ink: #172033;
    --jt-muted: #64748b;
    /* style.css gives headings this navy; kept so a heading looks the same on every page. */
    --jt-heading: #0e1b4d;

    /* Surfaces */
    --jt-surface: #ffffff;
    /* Matches .section-with-bg in style.css, which is the band the departure board sits
       on — so a booking page reads as a continuation of it rather than a new site. */
    --jt-page: #f6f7fd;
    --jt-subtle: #f8fafc;
    --jt-border: #e2e8f0;
    --jt-border-strong: #cbd5e1;

    /* Shape */
    --jt-radius: 14px;
    --jt-radius-sm: 10px;
    --jt-pill: 999px;
    --jt-shadow: 0 10px 30px rgba(23, 32, 51, 0.08);
    /* 48px is the primary tap target on a phone; controls that matter use it. */
    --jt-control: 48px;

    /* Status. The same three tones the departure board uses for seat availability. */
    --jt-success: #1a7f4b;
    --jt-warning: #b45309;
    --jt-danger: #b91c1c;
    --jt-danger-soft: #fee2e2;

    /* Type. Mirrors style.css so a page-level stylesheet never has to repeat the stack. */
    --jt-font-body: "Open Sans", sans-serif;
    --jt-font-heading: "Raleway", sans-serif;
}