/* tokens-kautuka.css — kautuka.dev and docs.kautuka.dev
   Warm paper, deep warm ink, the vermilion + saffron thread used sparingly.
   Cold blue #1858e8 is retired. Contrast ratios: see 02-tokens.md (measured). */
:root {
  color-scheme: light;
  /* type */
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-brand: var(--font-sans);
  --display-weight: 700;
  --display-tracking: -0.025em;
  --h3-weight: 700;
  --em-style: normal;
  --brand-weight: 700;
  --brand-tracking: -0.035em;

  /* thread (brand idea). Raw thread colours are for the mark and
     decoration only; they fail as text on paper. */
  --thread-vermilion: #e34234;
  --thread-saffron: #e3a018;
  /* Wordmark thread (kept logo): same stops as the old --k-thread. Used only by .brand-word. */
  --thread-gradient: linear-gradient(90deg, #e34234 0%, #e3a018 50%, #e34234 100%);
  /* Text-safe thread: every sampled point ≥ 4.34:1 on paper and sand (large text only).
     Used once per page: the hero "control.". */
  --thread-text-gradient: linear-gradient(90deg, #b8321d 0%, #9a6200 52%, #b8321d 100%);

  /* surfaces */
  --color-bg: #faf8f3;          /* paper: shared by all three sites */
  --color-surface: #f2eee5;     /* stone: alternate band, shared by all three sites */
  --color-card: #ffffff;
  --color-header-bg: rgba(250, 248, 243, .94);
  --color-footer-bg: #f2eee5;

  /* text */
  --color-text: #1a1712;        /* ink */
  --color-heading: #1a1712;
  --color-muted: #5e564b;
  --color-nav: #4a443b;
  --color-link: #b3301c;        /* vermilion, darkened for text */
  --color-link-hover: #8f2616;
  --color-accent-line: #e34234; /* decorative underline / active bar */

  /* lines */
  --color-line: #e5dccd;        /* decorative hairline, not a UI edge */
  --color-line-ui: #8a8073;     /* input / button / card edges, ≥ 3:1 */

  /* actions */
  --color-action: #b3301c;
  --color-action-hover: #962818;
  --color-on-action: #ffffff;
  --color-focus: #b3301c;

  /* code / command (dark terminal block on paper) */
  --color-code-bg: #1a1712;
  --color-code-text: #faf8f3;
  --color-code-hover: #2e2921;
  --color-code-inline-bg: #f0e7d8;
  --color-code-inline-text: #1a1712;
  --color-placeholder-stripe: #eadfcd;

  /* full-bleed ink band (the approval story) */
  --color-ink-bg: #1a1712;
  --color-ink-text: #faf8f3;
  --color-ink-muted: #b3aa9b;
  --color-ink-link: #f2b134;    /* saffron is legible on ink */
  --color-ink-focus: #f2b134;
  --color-ink-line: #3a342b;
  --color-ink-line-ui: #8a8073;
  --color-ink-accent: #ff7a5c;  /* vermilion, lightened for ink */

  /* shape */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-button: 4px;         /* rectangular, same as the Kautuka app's buttons (--radius .25rem) */
  --radius-pill: 999px;         /* status-style chips only, like the app's badges */
  --shadow-frame: 0 1px 2px rgba(26, 23, 18, .06), 0 18px 40px -18px rgba(26, 23, 18, .28);
  --shadow-card: 0 1px 2px rgba(26, 23, 18, .05);
  --shadow-on-ink: 0 18px 40px -20px rgba(0, 0, 0, .7);
}