/* ==========================================================================
   tokens.css — Design tokens
   Values copied verbatim from the reference tailwind.config theme.extend.
   ========================================================================== */

:root {
    /* --- Colors (reference theme.extend.colors) --- */
    --surface-container-lowest: #ffffff;
    --secondary-fixed-dim: #4fdbc8;
    --error-container: #ffdad6;
    --inverse-primary: #90cfec;
    --on-background: #191c1e;
    --on-surface: #191c1e;
    --surface-variant: #e0e3e5;
    --secondary: #006b5f;
    --primary-container: #0d5c75;
    --on-tertiary-fixed: #131b2e;
    --surface-container-high: #e6e8ea;
    --inverse-on-surface: #eff1f3;
    --secondary-container: #6df5e1;
    --on-secondary-container: #006f64;
    --on-primary-container: #93d3ef;
    --error: #ba1a1a;
    --surface-bright: #f7f9fb;
    --background: #f7f9fb;
    --on-tertiary-fixed-variant: #3f465c;
    --on-primary-fixed: #001f2a;
    --surface-container-highest: #e0e3e5;
    --on-error-container: #93000a;
    --surface-container: #eceef0;
    --inverse-surface: #2d3133;
    --secondary-fixed: #71f8e4;
    --tertiary-fixed: #dae2fd;
    --on-secondary-fixed-variant: #005048;
    --on-primary-fixed-variant: #004d64;
    --on-error: #ffffff;
    --tertiary-fixed-dim: #bec6e0;
    --surface-container-low: #f2f4f6;
    --on-tertiary-container: #c1c9e3;
    --primary: #004357;
    --on-primary: #ffffff;
    --outline: #70787d;
    --on-secondary: #ffffff;
    --outline-variant: #bfc8cd;
    --tertiary-container: #4c546a;
    --surface-dim: #d8dadc;
    --primary-fixed: #bde9ff;
    --primary-fixed-dim: #90cfec;
    --on-surface-variant: #40484c;
    --on-secondary-fixed: #00201c;
    --surface: #f7f9fb;
    --on-tertiary: #ffffff;
    --surface-tint: #1e667f;
    --tertiary: #353d52;

    /* --- Typography (reference theme.extend.fontFamily) --- */
    --font-title-md: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-label-xs: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-display-lg-mobile: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-body-sm: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-body-md: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-body-lg: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-display-lg: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-headline-lg-mobile: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-label-lg: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-label-md: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-headline-md: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-headline-lg: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --font-title-lg: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}

/* ==========================================================================
   Base layer (verbatim from the reference <style> block)
   ========================================================================== */

html,
body {
    width: 100vw;
    margin: 0;
    padding: 0;
}

body {
    overscroll-behavior: none;
}

.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.pt-safe {
    padding-top: env(safe-area-inset-top, 0px);
}

main > :first-child {
    margin-top: 0 !important;
}

main > :last-child {
    margin-bottom: 0 !important;
}

::-webkit-scrollbar {
    display: none;
}

/* ==========================================================================
   Minimal reset
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

img,
svg {
    display: block;
    max-width: 100%;
}

button {
    background: none;
    border: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
p {
    font-size: inherit;
    font-weight: inherit;
}