/* Kervan design tokens — generated from tokens.json. Do not hand-edit values here. */


@font-face{font-family:'Fraunces';src:url('assets/fonts/Fraunces-Variable.woff2') format('woff2-variations');font-weight:300 800;font-style:normal;font-display:swap}

@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Variable.woff2') format('woff2-variations');font-weight:300 700;font-style:normal;font-display:swap}


:root{
  color-scheme:light;
  --surface-canvas:#f6f1e8;
  --surface-raised:#fcfaf6;
  --surface-sunken:#ebe3d5;
  --surface-ink:#10292e;
  --ink:#10292e;
  --ink-muted:#4a5f63;
  --ink-inverse:#f6f1e8;
  --copper:#b4653b;
  --copper-deep:#8a4a2a;
  --sea:#6fa39e;
  --sea-deep:#3f6e6a;
  --border:#d8cebc;
  --font-display:Fraunces, 'Iowan Old Style', Georgia, serif;
  --font-text:Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:72px;
  --space-8:120px;
  --radius-none:0;
  --radius-control:4px;
  --radius-arch:9999px;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --surface-canvas:#0c1f23;
    --surface-raised:#122a2f;
    --surface-sunken:#081a1d;
    --surface-ink:#061418;
    --ink:#f3ede2;
    --ink-muted:#a9bdbd;
    --ink-inverse:#f3ede2;
    --copper:#d08456;
    --copper-deep:#e09c73;
    --sea:#7fb5b0;
    --sea-deep:#a5cfca;
    --border:#24413f;
  }
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --surface-canvas:#0c1f23;
  --surface-raised:#122a2f;
  --surface-sunken:#081a1d;
  --surface-ink:#061418;
  --ink:#f3ede2;
  --ink-muted:#a9bdbd;
  --ink-inverse:#f3ede2;
  --copper:#d08456;
  --copper-deep:#e09c73;
  --sea:#7fb5b0;
  --sea-deep:#a5cfca;
  --border:#24413f;
}

/* type scale */
.display-hero{font-family:var(--font-display);font-size:72px;line-height:1.02;font-weight:400;letter-spacing:-0.02em;font-variation-settings:'opsz' 144}
.display-section{font-family:var(--font-display);font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-0.015em;font-variation-settings:'opsz' 72}
.display-sub{font-family:var(--font-display);font-size:30px;line-height:1.18;font-weight:400;letter-spacing:-0.01em;font-variation-settings:'opsz' 48}
.display-quote{font-family:var(--font-display);font-size:24px;line-height:1.4;font-weight:400;font-style:italic;font-variation-settings:'opsz' 36}
.lead{font-family:var(--font-text);font-size:20px;line-height:1.55;font-weight:400}
.body{font-family:var(--font-text);font-size:17px;line-height:1.65;font-weight:400}
.body-strong{font-family:var(--font-text);font-size:17px;line-height:1.65;font-weight:600}
.small{font-family:var(--font-text);font-size:15px;line-height:1.55;font-weight:400}
.label{font-family:var(--font-text);font-size:12px;line-height:1.3;font-weight:600;letter-spacing:0.1em;text-transform:uppercase}
