/* Design tokens — the App Store caption system (Autograph/screenshots.md ›
   Colour scheme) translated to one premium light look, in the spirit of Apple
   Books: a near-white page, warm cream bands, white cards, indigo ink, and
   sunset reserved for the thread and the accent phrase. Light only, by decision. */

:root {
    color-scheme: light;

    /* Ground and ink */
    --ground: #fdfcfa;
    --ground-raised: #f6f2ec;
    --tile: #ffffff;
    --ink: #1b1f3d;
    --text: #1b1f3d;
    --text-secondary: rgb(27 31 61 / 68%);
    --text-tertiary: rgb(27 31 61 / 55%);
    --hairline: rgb(27 31 61 / 9%);

    /* Sunset — the icon ink. Thread and the headline accent phrase only. */
    --sunset-a: #ff9933;
    --sunset-b: #ed5b2e;
    --sunset: linear-gradient(90deg, var(--sunset-a), var(--sunset-b));

    /* App chrome accent — inside rendered app UI only, never a ground. */
    --chrome: #9466c7;

    /* Integrity shield */
    --seal-ok: #34c759;
    --seal-bad: #ff3b30;

    /* Wordmark (Constants.wordmarkGradient) */
    --wm-warm: #f27333;
    --wm-silver: #a3a3a9;

    /* Glass — controls and navigation only */
    --glass-fill: rgb(255 255 255 / 62%);
    --glass-edge: rgb(255 255 255 / 85%);
    --glass-rim: rgb(27 31 61 / 7%);
    --glass-shadow: 0 1px 2px rgb(27 31 61 / 5%), 0 12px 32px -12px rgb(27 31 61 / 16%);
    --glass-solid: #ffffff;

    /* Cards — white on the page, lifted by a soft, wide shadow */
    --tile-shadow: 0 1px 2px rgb(27 31 61 / 4%), 0 20px 44px -24px rgb(27 31 61 / 20%);

    /* Type */
    --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
    --font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

    /* Shape — Theme.Card.cornerRadius */
    --radius-card: 24px;
    --radius-control: 999px;

    /* Layout */
    --page-max: 1120px;
    --gutter: clamp(20px, 5vw, 40px);
    --section-space: clamp(88px, 12vw, 148px);

    /* Motion */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}