/* ---------------------------------------------------------------------------
   Iteritur — base tokens for the landing page.

   A trimmed copy of api_iteritur's static/css/main.css. What survived: the
   reset, the brand constants and the type/radius tokens landing.css reads.
   What was dropped, and why:

   - the light/dark semantic tokens (--bg, --text, --surface, ...) and the
     `[data-theme]` blocks. The landing page is light-only by design and states
     its hexes literally (see landing.css), so nothing here would have read them.
   - every `.shell` rule, plus the search page, the result rows and the badges.
     That chrome belongs to the app, which lives at app.iteritur.com.

   The two files are no longer shared and are not meant to be kept in sync — if
   a brand colour changes it changes in both, deliberately, once.
   --------------------------------------------------------------------------- */

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

:root {
    /* The six brand constants (design handoff: "Iteritur Brand Identity"). */
    --teal-deep:   #0D3B3A;
    --teal-bright: #18A596;
    --coral:       #FF5D47;
    --teal-tint:   #7FD8CC;
    --off-white:   #F5F8F7;
    --near-black:  #0B1413;

    --font-display: 'Chakra Petch', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* The mark is built from squares — keep corners near-square throughout. */
    --radius: 4px;
    --radius-sm: 3px;
}

body {
    font-family: var(--font-body);
    line-height: 1.5;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: -0.01em;
}