/* RegistrarPro design tokens: Tideline (brand refresh, approved 26 Oct 2026)
   The single source of truth for colour, type, shape, elevation, focus and
   z-index. Every --rp-* name from the July "Marine" set is kept, so pages that
   already use tokens pick up the new values; new names are added below them.
   Rule: no raw hex in component CSS — reference these tokens.
   Contrast (on white unless stated): primary 4.66:1 AA · navy 11.19:1 AAA ·
   harbour-300 on navy 5.60:1 AA · muted 5.40:1 AA · ok 4.9:1 · crit 5.09:1. */

:root {
    /* Harbour ramp: brand, chrome, headings (from the logo) */
    --rp-harbour-50: #F3F6FA;
    --rp-harbour-100: #E5ECF4;
    --rp-harbour-200: #CBD8E7;
    --rp-harbour-300: #9DBBD6;   /* the "pro" colour; second phrase of a headline on navy */
    --rp-harbour-400: #7698BB;
    --rp-harbour-500: #52769A;   /* the mark */
    --rp-harbour-600: #3F6088;
    --rp-harbour-700: #2D4C78;
    --rp-harbour-800: #1B3B69;   /* navy: every top bar, hero, footer ground */
    --rp-harbour-900: #132C50;
    --rp-harbour-950: #0C1D36;   /* footer */

    /* Reef ramp: the one action blue */
    --rp-reef-50: #EEF3FC;
    --rp-reef-100: #DBE5F8;
    --rp-reef-200: #BACCF1;
    --rp-reef-400: #6A8FD8;
    --rp-reef-500: #4472CA;
    --rp-reef-600: #3660B4;
    --rp-reef-700: #2B4F97;

    /* Brand (names kept from Marine) */
    --rp-navy: #1B3B69;
    --rp-brand: #1B3B69;         /* was #004494 — now one navy everywhere */
    --rp-brand-hover: #132C50;
    --rp-primary: #4472CA;
    --rp-primary-hover: #3660B4; /* was #1e40af */
    --rp-primary-tint: #DBE5F8;
    --rp-primary-ink: #2B4F97;   /* blue text on the primary tint */
    --rp-brand-wash: #F3F6FA;
    --rp-brand-wash-line: #E5ECF4;
    --rp-on-navy: #FFFFFF;
    --rp-on-navy-2: #9DBBD6;     /* secondary text on navy */
    --rp-on-navy-line: rgba(157, 187, 214, 0.28);

    /* Signals: rare accents, never status */
    --rp-signal: #FFD32F;        /* "New", "Most popular" — dark text only */
    --rp-signal-ink: #3D2E00;
    --rp-seagrass: #2BD48A;      /* savings and offers ("Save 20%") */
    --rp-seagrass-ink: #053B24;
    --rp-go: #34C759;            /* "Go": the big save/submit buttons in the phone app (D27, kept from iOS). White text. */
    --rp-go-hover: #2DB14F;
    --rp-go-ink: #FFFFFF;

    /* Ink & greys (navy-tinted) */
    --rp-ink: #142136;
    --rp-ink-2: #34435A;
    --rp-muted: #5E6B80;
    --rp-muted-strong: #4A576C;
    --rp-faint: #8E99AB;
    --rp-line-strong: #CCD5E1;
    --rp-line: #E2E8F0;
    --rp-fill: #EEF2F7;
    --rp-ground: #F6F8FB;
    --rp-surface: #FFFFFF;

    /* Semantic status — the only four levels */
    --rp-ok: #1B7F45;
    --rp-ok-tint: #E3F4EA;
    --rp-ok-ink: #14623A;
    --rp-ok-line: #B9E2C8;
    --rp-warn: #C26A06;
    --rp-warn-tint: #FDF1DC;
    --rp-warn-tint-weak: #FEF8EC;
    --rp-warn-ink: #84470A;
    --rp-warn-line: #F5D49A;
    --rp-crit: #C93A2E;
    --rp-crit-tint: #FCE6E3;
    --rp-crit-ink: #8E2219;
    --rp-crit-line: #F3C0BA;
    --rp-info: #4472CA;
    --rp-info-tint: #DBE5F8;

    /* Type: Lexend everywhere; Red Hat Mono for codes and readings (product only) */
    --rp-font: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --rp-font-display: var(--rp-font);
    --rp-mono: 'Red Hat Mono', ui-monospace, 'SF Mono', Menlo, monospace;
    --rp-tracking: -0.02em;      /* with size-adjust in fonts.css: same line length as before */
    --rp-tracking-tight: -0.03em; /* large headings */
    --rp-fs-display: 1.875rem;
    --rp-fs-h1: 1.5rem;
    --rp-fs-h2: 1.25rem;
    --rp-fs-h3: 1.125rem;
    --rp-fs-body-lg: 1rem;
    --rp-fs-body: 0.875rem;
    --rp-fs-small: 0.8125rem;
    --rp-fs-caption: 0.75rem;

    /* Shape: one scale */
    --rp-r-sm: 6px;
    --rp-r-md: 10px;
    --rp-r-lg: 14px;
    --rp-r-pill: 999px;

    /* Elevation & focus */
    --rp-e1: 0 1px 2px rgba(19, 44, 80, 0.06), 0 1px 3px rgba(19, 44, 80, 0.06);
    --rp-e2: 0 6px 18px rgba(19, 44, 80, 0.10);
    --rp-e3: 0 18px 48px rgba(12, 29, 54, 0.22);
    --rp-focus-ring: 0 0 0 3px rgba(68, 114, 202, 0.35);

    /* Z-index ladder */
    --rp-z-nav: 900;
    --rp-z-dropdown: 950;
    --rp-z-dialog: 1000;
    --rp-z-toast: 1100;
}