/* * SDI Travel Trust — design tokens. * * The single source of truth for every colour,size,rhythm and easing in * the theme. No rule anywhere else may use a literal colour or a magic * number: if something cannot be expressed here,the token set is missing * something and this file is what changes. * * DIRECTION. Premium travel editorial crossed with institutional trust. The * navy is taken from the client's own logo files; brass is the single warm
 * accent, chosen because navy-and-brass reads as a seal or a charter rather
 * than as tourism. The ground is a cool, navy-biased paper rather than the
 * warm cream that has become the default for this kind of site.
 *
 * CONTRAST. Every foreground/background pair used in the components was
 * checked against WCAG 2.1 before being written down. Two results shaped the
 * palette:
 *
 *   - The silver-greys in the supplied logo (#BFBFC4, #ECECED) reach only
 *     1.7-1.9:1 on white. They are decorative here and never carry text.
 *   - Decorative rules and interactive borders are separate tokens. A card
 *     edge may be light (1.4.11 does not govern decoration), but a form
 *     control's border identifies the control and must clear 3:1. The * interactive token measures 3.47:1 on white and 3.20:1 on paper. */ @font-face{font-family: "Fraunces";src: url("../fonts/fraunces-latin.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Fraunces";src: url("../fonts/fraunces-latin-ext.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Plus Jakarta Sans";src: url("../fonts/jakarta-latin.woff2") format("woff2");font-weight: 400 800;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Plus Jakarta Sans";src: url("../fonts/jakarta-latin-ext.woff2") format("woff2");font-weight: 400 800;font-style: normal;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--sdi-navy-900: #0a203e;--sdi-navy-800: #122b4f;--sdi-navy-700: #1f3567;--sdi-navy-600: #2c4372;--sdi-brass-700: #846520;--sdi-brass-500: #b8933f;--sdi-brass-100: #f5eeddff;--sdi-silver: #bfbfc4;--sdi-mist: #ececed;--sdi-primary: var(--sdi-navy-900);--sdi-primary-hover: var(--sdi-navy-700);--sdi-secondary: var(--sdi-navy-700);--sdi-accent: var(--sdi-brass-700);--sdi-accent-bright: var(--sdi-brass-500);--sdi-background: #f4f6f8;--sdi-surface: #ffffff;--sdi-surface-alt: #eaeef3;--sdi-surface-invert: var(--sdi-navy-900);--sdi-surface-accent: var(--sdi-brass-100);--sdi-heading: #0a203e;--sdi-body: #2e3f57;--sdi-muted: #5a6b82;--sdi-on-invert: #ffffff;--sdi-on-invert-muted: #c3cedd;--sdi-line: #d3dae3;--sdi-line-strong: #b4bfcd;--sdi-line-interactive: #7a8ba3;--sdi-success: #2f6b4f;--sdi-success-surface: #e4efe9;--sdi-warning: #836420;--sdi-warning-surface: #f6efdd;--sdi-error: #a3372f;--sdi-error-surface: #f8e7e5;--sdi-info: #2a5680;--sdi-info-surface: #e4edf6;--sdi-focus: var(--sdi-brass-700);--sdi-focus-invert: var(--sdi-brass-500);--sdi-focus-width: 2px;--sdi-focus-offset: 3px;--sdi-font-display: "Fraunces",ui-serif,Georgia,"Times New Roman",serif;--sdi-font-body: "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--sdi-font-ui: var(--sdi-font-body);--sdi-font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sdi-text-h1: clamp(2rem,1.45rem + 2.4vw,3rem);--sdi-text-h2: clamp(1.6rem,1.25rem + 1.5vw,2.25rem);--sdi-text-h3: clamp(1.35rem,1.15rem + 0.85vw,1.75rem);--sdi-text-h4: clamp(1.15rem,1.05rem + 0.45vw,1.375rem);--sdi-text-h5: clamp(1.05rem,1rem + 0.2vw,1.15rem);--sdi-text-h6: 1rem;--sdi-text-body-lg: clamp(1.0625rem,1rem + 0.3vw,1.1875rem);--sdi-text-body: 1rem;--sdi-text-body-sm: 0.9375rem;--sdi-text-caption: 0.8125rem;--sdi-text-eyebrow: 0.75rem;--sdi-text-nav: 0.9375rem;--sdi-text-button: 0.9375rem;--sdi-text-label: 0.875rem;--sdi-text-help: 0.8125rem;--sdi-weight-regular: 400;--sdi-weight-medium: 500;--sdi-weight-semibold: 600;--sdi-weight-bold: 700;--sdi-leading-tight: 1.15;--sdi-leading-snug: 1.3;--sdi-leading-normal: 1.6;--sdi-leading-relaxed: 1.75;--sdi-tracking-tight: -0.015em;--sdi-tracking-normal: 0;--sdi-tracking-wide: 0.06em;--sdi-tracking-eyebrow: 0.12em;--sdi-space-3xs: 0.25rem;--sdi-space-2xs: 0.5rem;--sdi-space-xs: 0.75rem;--sdi-space-sm: 1rem;--sdi-space-md: 1.5rem;--sdi-space-lg: 2rem;--sdi-space-xl: 3rem;--sdi-space-2xl: 4rem;--sdi-space-3xl: 6rem;--sdi-section-padding: clamp(3rem,6vw,5.5rem);--sdi-section-padding-tight: clamp(2rem,4vw,3.5rem);--sdi-gutter: clamp(1.25rem,4vw,2.5rem);--sdi-card-padding: clamp(1.25rem,2.5vw,1.75rem);--sdi-grid-gap: clamp(1.25rem,2.5vw,2rem);--sdi-stack-gap: var(--sdi-space-md);--sdi-form-gap: var(--sdi-space-md);--sdi-button-gap: var(--sdi-space-xs);--sdi-container-narrow: 40rem;--sdi-container: 75rem;--sdi-container-wide: 90rem;--sdi-measure: 68ch;--sdi-radius-sm: 3px;--sdi-radius: 6px;--sdi-radius-lg: 10px;--sdi-radius-pill: 999px;--sdi-shadow-sm: 0 1px 2px rgba(10,32,62,0.06);--sdi-shadow: 0 2px 6px rgba(10,32,62,0.07),0 1px 2px rgba(10,32,62,0.05);--sdi-shadow-lift: 0 12px 28px rgba(10,32,62,0.12),0 4px 8px rgba(10,32,62,0.06);--sdi-duration-fast: 140ms;--sdi-duration: 220ms;--sdi-duration-slow: 420ms;--sdi-duration-reveal: 620ms;--sdi-ease: cubic-bezier(0.2,0,0.2,1);--sdi-ease-out: cubic-bezier(0.16,1,0.3,1);--sdi-reveal-distance: 18px;--sdi-image-zoom: 1.03;--sdi-z-base: 1;--sdi-z-dropdown: 20;--sdi-z-header: 50;--sdi-z-overlay: 80;--sdi-z-modal: 100;--sdi-z-skiplink: 1000;--sdi-ratio-hero: 16 / 9;--sdi-ratio-split: 3 / 2;--sdi-ratio-card: 4 / 3;--sdi-ratio-article: 16 / 9;--sdi-ratio-portrait: 4 / 5}.sdi-invert,.sdi-card--featured{--sdi-heading: var(--sdi-on-invert);--sdi-body: var(--sdi-on-invert-muted);--sdi-muted: var(--sdi-on-invert-muted);--sdi-surface: var(--sdi-navy-800);--sdi-surface-alt: var(--sdi-navy-700);--sdi-background: var(--sdi-navy-900);--sdi-line: rgba(255,255,255,0.14);--sdi-line-strong: rgba(255,255,255,0.24);--sdi-line-interactive: rgba(255,255,255,0.45);--sdi-accent: var(--sdi-brass-500);--sdi-focus: var(--sdi-focus-invert);background: var(--sdi-navy-900);color: var(--sdi-body)}