/* 00-base :: tokens.css
 * Semantic color ROLE vars consume the values the kernel palette-mapper injects at
 * runtime (<style id="isrx-roles"> :root{--role-*}) so the same pack recolors per client.
 * Fallbacks below are only used if the kernel did not inject (e.g. static preview).
 */
:root {
  /* --- semantic color roles (contrast-guaranteed by palette-mapper) --- */
  --ink:          var(--role-ink, #211c17);
  --ink-soft:     var(--role-ink-soft, #5c5348);
  --accent:       var(--role-accent, #C8622D);
  --accent-ink:   var(--role-accent-ink, #ffffff);
  --accent-strong: var(--role-accent-text, #9c4a1e);   /* accent as TEXT on light (>=4.5) */
  --accent-on-dark: var(--role-accent-on-dark, #e69a6b); /* accent as TEXT on dark (>=4.5) */
  --surface:      var(--role-surface, #faf6f1);
  --surface-2:    var(--role-surface-2, #f0e8de);
  --on-dark:      var(--role-on-dark, #f8f4ef);
  --on-dark-soft: var(--role-on-dark-soft, #d7cec2);
  --line:         var(--role-line, #e5ddd0);
  --dark:         var(--role-dark, #241d16);
  --accent-2:     var(--role-accent-2, #5B6B4A);

  /* --- type --- */
  --font-body:    "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Assistant", "Heebo", sans-serif;
  --fs-hero:  clamp(2.1rem, 1.4rem + 3.4vw, 3.9rem);
  --fs-h2:    clamp(1.55rem, 1.15rem + 1.9vw, 2.5rem);
  --fs-h3:    clamp(1.12rem, 1rem + 0.5vw, 1.35rem);
  --fs-body:  clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --fs-small: 0.86rem;
  --lh-tight: 1.12;
  --lh-body:  1.72;

  /* --- space / shape / motion --- */
  --wrap:   1160px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --sec-y:  clamp(3.25rem, 2rem + 4vw, 6rem);
  --radius: 16px;
  --radius-lg: 26px;
  --shadow: 0 18px 48px -24px rgba(20, 14, 8, 0.35);
  --ease:   cubic-bezier(0.2, 0.7, 0.2, 1);
}