/* Seetiefe world tokens.
   Palette, type and grid for the lake-map theme. Light is the default; the dark
   palette is applied by html[data-theme="dark"] (set before first paint in
   default.hbs). The band keeps its colour in both modes. */

:root {
    /* band: the map-coloured header and footer ground */
    --band: #1E4652;
    --band-a: #24515E;       /* darker lake field */
    --band-b: #2A5C6A;       /* lighter lake field */
    --contour: rgba(169, 208, 216, 0.3); /* contour lines on the band */
    --contour-strong: rgba(169, 208, 216, 0.7); /* the accent contour line */
    --on-band: #DCEBEE;      /* body text on the band */
    --on-band-label: #BFDCE2; /* small-caps labels on the band */

    /* paper */
    --paper: #FAFAF9;
    --ink: #1D2125;
    --steel: #5F656C;
    --line: #D9D6D2;
    --accent: #1E6A78;

    /* type */
    --font-display: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;
    --font-text: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

    --text-greeting: clamp(3rem, 7.67vw, 5.75rem); /* 48px -> 92px */
    --text-page-title: 4rem;                    /* 64px */
    --text-h2: 1.875rem;                        /* 30px */
    --text-body: 1.125rem;                      /* 18px */
    --leading-body: 1.6;
    --text-meta: 0.8125rem;                     /* 13px */

    /* grid */
    --wrap: 1200px;
    --gutter: 24px;

    /* band heights */
    --band-home: 340px;
    --band-page: 260px;
}

html[data-theme="dark"] {
    --paper: #10191C;
    --ink: #E3ECEE;
    --steel: #9AABB0;
    --line: #2A3A3F;
    --accent: #7FC4D0;
    /* --band and the on-band text stay put: the band is the same lake in both modes. */
}