/* AURA landing tokens: palette Kil, light (default) and warm dark, copied verbatim from 070 ui-elements/css/tokens.css
   (generated there by palette.mjs from OKLCH). This file is written by landing-rev/tools/tokens.py: do not edit by hand.
   Theme: <html data-palette="kil"> follows prefers-color-scheme; js/boot.js sets data-theme="light" or "dark" on <html>
   before the first paint when the visitor chose one in the header. A section carrying data-theme="dark" (the security
   band) gets Kil dark whatever the page's theme; the --sec-band tokens at the end give it its own surface on a dark page. */
:root[data-palette="kil"], [data-palette="kil"] [data-theme="light"], [data-palette="kil"][data-theme="light"] {
  color-scheme: light;
  --background: #fbf6f0;
  --sidebar: #f4eee5;
  --card: #fffdfb;
  --popover: #fffdfb;
  --muted: #f1ebe2;
  --accent: #ebe4da;
  --accent-strong: #e5ded3;
  --foreground: #211d18;
  --secondary-foreground: #4f4a42;
  --muted-foreground: #635e56;
  --border: #ddd8d0;
  --border-strong: #c2bdb5;
  --input: #847f78;
  --primary: #2a2620;
  --primary-hover: #413c36;
  --primary-foreground: #fcfaf6;
  --secondary: #fffdfb;
  --secondary-hover: #f4efe9;
  --brand: #b45824;
  --brand-hover: #a0460a;
  --brand-foreground: #ffffff;
  --brand-subtle: #fee8dd;
  --brand-subtle-foreground: #873d10;
  --brand-text: #9e4507;
  --ring: #b25722;
  --cite: #12676b;
  --cite-subtle: #ddf2f3;
  --cite-foreground: #005356;
  --highlight: #f4e8bb;
  --success: #296a3b;
  --success-subtle: #e1f5e4;
  --warning: #805506;
  --warning-subtle: #fbedd1;
  --destructive: #af2934;
  --destructive-hover: #971927;
  --destructive-foreground: #ffffff;
  --destructive-subtle: #ffe8e7;
  --code-bg: #f4efe9;
  --code-keyword: #91390a;
  --code-string: #2e663c;
  --code-number: #1f637f;
  --code-comment: #6d6861;
  --code-function: #514e80;
  --overlay: #19161166;
  --card-foreground: #211d18;
  --popover-foreground: #211d18;
  --sidebar-foreground: #211d18;
  --code-fg: #211d18;
  --n-1: #fffdfb;
  --n-2: #fbf6f0;
  --n-3: #f4eee5;
  --n-4: #f1ebe2;
  --n-5: #ebe4da;
  --n-6: #e5ded3;
  --n-7: #c2bdb5;
  --n-8: #a39e96;
  --n-9: #847f78;
  --n-10: #635e56;
  --n-11: #4f4a42;
  --n-12: #211d18;
  --b-1: #fef5f0;
  --b-2: #fee8dd;
  --b-3: #fbd5c2;
  --b-4: #f7bb9e;
  --b-5: #eb9b73;
  --b-6: #d97d4d;
  --b-7: #b45824;
  --b-8: #a0460a;
  --b-9: #873d10;
  --b-10: #632a05;
}

[data-palette="kil"] [data-theme="dark"], [data-palette="kil"][data-theme="dark"] {
  color-scheme: dark;
  --background: #1f1c18;
  --sidebar: #171511;
  --card: #26231e;
  --popover: #292621;
  --muted: #27241f;
  --accent: #2f2c27;
  --accent-strong: #37332e;
  --foreground: #eee9e1;
  --secondary-foreground: #c3bdb4;
  --muted-foreground: #a39e95;
  --border: #36322d;
  --border-strong: #48443f;
  --input: #78746d;
  --primary: #ece7df;
  --primary-hover: #d6d0c8;
  --primary-foreground: #161310;
  --secondary: #2c2823;
  --secondary-hover: #36322d;
  --brand: #e48b5e;
  --brand-hover: #f09d73;
  --brand-foreground: #14110e;
  --brand-subtle: #3d281f;
  --brand-subtle-foreground: #f3c6b0;
  --brand-text: #e6936a;
  --ring: #e28b60;
  --cite: #7bc6ca;
  --cite-subtle: #1b3234;
  --cite-foreground: #a3dde0;
  --highlight: #574d24;
  --success: #82cb92;
  --success-subtle: #1e3022;
  --warning: #eabc6e;
  --warning-subtle: #382c15;
  --destructive: #f28885;
  --destructive-hover: #fda19e;
  --destructive-foreground: #14110e;
  --destructive-subtle: #3d2322;
  --code-bg: #191713;
  --code-keyword: #ec9a78;
  --code-string: #94cf9f;
  --code-number: #8fc7e2;
  --code-comment: #96918a;
  --code-function: #b8b8ea;
  --overlay: #00000099;
  --card-foreground: #eee9e1;
  --popover-foreground: #eee9e1;
  --sidebar-foreground: #eee9e1;
  --code-fg: #eee9e1;
  --n-1: #171512;
  --n-2: #1e1c19;
  --n-3: #25231f;
  --n-4: #292622;
  --n-5: #2f2c28;
  --n-6: #37342e;
  --n-7: #48443f;
  --n-8: #5e5a54;
  --n-9: #78746d;
  --n-10: #a39e95;
  --n-11: #c3bdb4;
  --n-12: #eee9e1;
  --b-1: #2b1b13;
  --b-2: #3d281f;
  --b-3: #533526;
  --b-4: #724630;
  --b-5: #995d3f;
  --b-6: #bc7049;
  --b-7: #e48b5e;
  --b-8: #f09d73;
  --b-9: #f3c6b0;
  --b-10: #fae2d7;
}

/* ---- Non-colour tokens (same in every palette and theme) ---- */
:root {
  --font-sans: 'Onest', ui-sans-serif, system-ui, sans-serif;
  --font-serif: 'Newsreader', ui-serif, Georgia, serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale: size / line height. Weights 400 and 500; 600 only for strong text inside answers. */
  --text-2xs: 11px; --leading-2xs: 16px;   /* keycaps, citation numbers */
  --text-xs: 12px;  --leading-xs: 16px;    /* meta, counts, timestamps */
  --text-sm: 13px;  --leading-sm: 20px;    /* secondary text, table cells, captions */
  --text-md: 14px;  --leading-md: 20px;    /* UI default: buttons, menus, sidebar rows */
  --text-base: 15px; --leading-base: 24px; /* answer body, composer input */
  --text-lg: 17px;  --leading-lg: 26px;    /* answer h4, dialog titles */
  --text-xl: 20px;  --leading-xl: 28px;    /* answer h3, panel titles */
  --text-2xl: 24px; --leading-2xl: 32px;   /* page titles */
  --display-sm: 32px; --display-sm-leading: 40px;  /* serif: empty-state greeting, landing h3 */
  --display-md: 44px; --display-md-leading: 52px;  /* serif: landing section headings */
  --display-lg: 64px; --display-lg-leading: 68px;  /* serif: landing hero, desktop */

  /* 4px grid */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;
  --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-32: 128px;

  /* Control heights */
  --h-xs: 24px; --h-sm: 28px; --h-md: 32px; --h-lg: 36px; --h-xl: 44px;

  /* Radius. Nested: inner = outer - padding, never below 4. */
  --r-xs: 4px;   /* keycap, tag, inline code */
  --r-sm: 6px;   /* small button, citation marker, chip tile */
  --r-md: 8px;   /* button, input, menu item, sidebar row */
  --r-lg: 12px;  /* card, menu, popover, code block, tool card */
  --r-xl: 16px;  /* composer, dialog, artifact panel */
  --r-2xl: 20px; /* product frame, window */
  --r-full: 999px;

  /* Motion: one curve, three durations (ADR-0055 §5). Colour, opacity and transform only. */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 160ms; /* hover, press, toggles */
  --dur-2: 220ms; /* menus, popovers, tooltips, dialogs, toasts */
  --dur-3: 400ms; /* side panels, drawers, entrances, layout changes */

  --icon: 16px;
  --icon-stroke: 1.5;
  --sidebar-w: 260px;
  --answer-w: 720px;
  --focus-width: 2px;
  --focus-offset: 2px;

  /* Platform colours, drawn by the OS and only mirrored here (exempt from the palette, like the favicon) */
  --mac-close: #ff5f57; --mac-minimize: #febc2e; --mac-zoom: #28c840;
  --win-close-hover: #c42b1c; --win-close-foreground: #ffffff;
}

/* Elevation. Light: soft warm-neutral shadows. Dark: surface steps and hairlines; shadows only under floating layers. */
:root, [data-theme="light"] {
  --shadow-1: 0 1px 2px rgb(33 29 24 / 0.06);
  --shadow-2: 0 1px 2px rgb(33 29 24 / 0.04), 0 4px 12px rgb(33 29 24 / 0.06);
  --shadow-3: 0 2px 6px rgb(33 29 24 / 0.06), 0 16px 40px rgb(33 29 24 / 0.12);
  --highlight-top: inset 0 1px 0 rgb(255 255 255 / 0.6);
}
[data-theme="dark"] {
  --shadow-1: 0 0 0 1px rgb(0 0 0 / 0.2);
  --shadow-2: 0 0 0 1px rgb(0 0 0 / 0.25), 0 4px 12px rgb(0 0 0 / 0.25);
  --shadow-3: 0 0 0 1px rgb(0 0 0 / 0.3), 0 16px 40px rgb(0 0 0 / 0.45);
  --highlight-top: inset 0 1px 0 rgb(255 255 255 / 0.06);
}

/* ---- System dark: no explicit choice, the OS asks for dark. The same Kil dark values as above (generated copy). ---- */
@media (prefers-color-scheme: dark) {
  :root[data-palette="kil"]:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #1f1c18;
    --sidebar: #171511;
    --card: #26231e;
    --popover: #292621;
    --muted: #27241f;
    --accent: #2f2c27;
    --accent-strong: #37332e;
    --foreground: #eee9e1;
    --secondary-foreground: #c3bdb4;
    --muted-foreground: #a39e95;
    --border: #36322d;
    --border-strong: #48443f;
    --input: #78746d;
    --primary: #ece7df;
    --primary-hover: #d6d0c8;
    --primary-foreground: #161310;
    --secondary: #2c2823;
    --secondary-hover: #36322d;
    --brand: #e48b5e;
    --brand-hover: #f09d73;
    --brand-foreground: #14110e;
    --brand-subtle: #3d281f;
    --brand-subtle-foreground: #f3c6b0;
    --brand-text: #e6936a;
    --ring: #e28b60;
    --cite: #7bc6ca;
    --cite-subtle: #1b3234;
    --cite-foreground: #a3dde0;
    --highlight: #574d24;
    --success: #82cb92;
    --success-subtle: #1e3022;
    --warning: #eabc6e;
    --warning-subtle: #382c15;
    --destructive: #f28885;
    --destructive-hover: #fda19e;
    --destructive-foreground: #14110e;
    --destructive-subtle: #3d2322;
    --code-bg: #191713;
    --code-keyword: #ec9a78;
    --code-string: #94cf9f;
    --code-number: #8fc7e2;
    --code-comment: #96918a;
    --code-function: #b8b8ea;
    --overlay: #00000099;
    --card-foreground: #eee9e1;
    --popover-foreground: #eee9e1;
    --sidebar-foreground: #eee9e1;
    --code-fg: #eee9e1;
    --n-1: #171512;
    --n-2: #1e1c19;
    --n-3: #25231f;
    --n-4: #292622;
    --n-5: #2f2c28;
    --n-6: #37342e;
    --n-7: #48443f;
    --n-8: #5e5a54;
    --n-9: #78746d;
    --n-10: #a39e95;
    --n-11: #c3bdb4;
    --n-12: #eee9e1;
    --b-1: #2b1b13;
    --b-2: #3d281f;
    --b-3: #533526;
    --b-4: #724630;
    --b-5: #995d3f;
    --b-6: #bc7049;
    --b-7: #e48b5e;
    --b-8: #f09d73;
    --b-9: #f3c6b0;
    --b-10: #fae2d7;
  }
  :root:not([data-theme="light"]) {
    --shadow-1: 0 0 0 1px rgb(0 0 0 / 0.2);
    --shadow-2: 0 0 0 1px rgb(0 0 0 / 0.25), 0 4px 12px rgb(0 0 0 / 0.25);
    --shadow-3: 0 0 0 1px rgb(0 0 0 / 0.3), 0 16px 40px rgb(0 0 0 / 0.45);
    --highlight-top: inset 0 1px 0 rgb(255 255 255 / 0.06);
  }
}

/* ---- Landing tokens that follow the page's theme (declared on the root only, so the dark band inherits the page's
   values instead of its own). --sec-band: the security band; --sec-band-raise: a card inside it; --sec-band-edge: its hairline.
   Every value is a Kil dark step: on a light page background / card / background (no edge); on a dark page the band is
   raised one step, popover / accent / border-strong, so it still reads as a band. ---- */
:root[data-palette="kil"] {
  --sec-band: #1f1c18;
  --sec-band-raise: #26231e;
  --sec-band-edge: #1f1c18;
}
:root[data-palette="kil"][data-theme="dark"] {
  --sec-band: #292621;
  --sec-band-raise: #2f2c27;
  --sec-band-edge: #48443f;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="kil"]:not([data-theme="light"]) {
    --sec-band: #292621;
    --sec-band-raise: #2f2c27;
    --sec-band-edge: #48443f;
  }
}

/* ---- Footer. --ftr-ink-soft: the ink of the big footer wordmark, a softer step of the neutral ramp than --foreground.
   An alias of a ramp step, so light and dark each get their own value without a second rule; on the page background it
   is a quiet typographic tone (decorative, aria-hidden), not text to be read. ---- */
:root[data-palette="kil"] {
  --ftr-ink-soft: var(--n-7);
}