/* Hallmark · Warm Uthai locked tokens · sampled from owner reference */
:root {
  color-scheme: light;

  --color-canvas: #fdf3e6;
  --color-surface: #fffbf5;
  --color-surface-sunken: #f7eedf;
  --color-ink: #0e4747;
  --color-ink-muted: #5c6b66;
  --color-primary: #b04426;
  --color-primary-bright: #e86a48;
  --color-on-primary: #fffbf5;
  --color-accent: var(--color-primary);
  --color-accent-ink: var(--color-on-primary);
  --color-border: #eadcc8;
  --color-focus: #0e4747;
  --color-danger: #98202e;
  /* Measured against its own 18% wash on the card: #2f713c was 4.46:1, under the floor for
   * the label an elderly reader uses outdoors to decide whether to walk somewhere. */
  --color-success: #276033;
  --color-tint-food: #f6c8a8;
  --color-tint-coffee: #f7eedf;
  --color-tint-chill: #c4dbd4;
  --color-tint-merit: #f8dca5;
  --color-tint-oldtown: #d8d0e8;
  --color-tint-photo: #cddcc2;
  --color-page-backdrop-a: #fde6ce;
  --color-page-backdrop-b: #f6cda9;
  --color-shadow-soft: rgb(93 64 42 / 8%);
  --color-shadow-float: rgb(93 64 42 / 16%);
  --color-sticker-stroke: rgb(14 71 71 / 52%);

  --font-display: "Mali", "Noto Sans Thai Looped", sans-serif;
  --font-body: "Noto Sans Thai Looped", "Leelawadee UI", sans-serif;

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* One gutter for every section edge and two vertical steps, so nothing on the screen
   * invents its own alignment. The reference's four different insets (10 / 16 / 22 / 28)
   * read as misalignment once the page scrolls past a single viewport. */
  --space-gutter: 1rem;
  --space-section: 1.25rem;
  --space-section-tight: 0.75rem;

  /* Measured geometry unique to the supplied 430 px reference viewport. */
  --space-reference-heading: var(--space-gutter);
  --space-reference-card-inset: var(--space-gutter);
  --space-reference-lanes-top: 0.875rem;
  --space-reference-feature-top: 0.375rem;
  --space-reference-feature-bottom: 0.4375rem;

  --text-2xs: 0.75rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5rem;
  --text-wordmark: clamp(1.75rem, 8.6vw, 2.6rem);
  --text-bubble: clamp(1.125rem, 6vw, 1.625rem);

  --lh-hero: 1.12;
  --lh-display: 1.25;
  --lh-title: 1.45;
  --lh-body: 1.55;

  --radius-sheet: 2rem;
  --radius-card: 1.75rem;
  --radius-tile: 1.25rem;
  --radius-control: 0.875rem;
  --radius-pill: 999px;

  --rule-hair: 1px;
  --rule-card: 2px;
  --shadow-card: 0 2px 6px var(--color-shadow-soft), 0 12px 28px var(--color-shadow-soft);
  --shadow-float: 0 10px 30px var(--color-shadow-float);
  --shadow-control: 0 2px 8px var(--color-shadow-soft);

  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --size-control: 2.75rem;
  --size-lane: 3.6875rem;
  --size-nav: 5.5625rem;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-tooltip: 600;
}