/* kelco-design 0.9.1 — tokens.css. Generado por scripts/build.js desde src/: no editar. */
:root {
  --color-ink: #15171b;
  --color-ink-raised: #1b1e24;
  --color-ivory: #fafafa;
  --color-bronze: #9c7a54;
  --color-bronze-light: #c9a87c;
  --color-bronze-dark: #8a6a45;
  --color-error: #e8a3a3;
  --color-petrol: #24404e;
  --color-petrol-deep: #16283a;
  --color-text: #4c4a44;
  --color-text-muted: #8d8b84;
  --color-text-meta: #8b8b92;
  --color-text-on-dark: #b9b6ad;
  --color-text-on-dark-muted: #9b9ba3;
  --color-text-on-petrol: #c4d0d6;
  --color-inactive: #a3a3aa;
  --color-border: #eeece7;
  --color-border-soft: #f1efeb;
  --color-border-strong: #e7e4dd;
  --color-divider: color-mix(in oklab, var(--color-ink) 14%, transparent);
  --color-divider-on-dark: rgb(243 240 233 / 0.12);
  --font-display: 'Figtree', ui-sans-serif, system-ui, sans-serif;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-serif: 'Literata', ui-serif, Georgia, serif;
  --font-weight-heading: 700;
  --font-weight-heading-medium: 600;
  --text-h1: clamp(36px, 4.4vw, 60px);
  --text-h1--line-height: 1.08;
  --text-h1--letter-spacing: -0.04em;
  --text-h2: clamp(26px, 3vw, 42px);
  --text-h2--line-height: 1.12;
  --text-h2--letter-spacing: -0.035em;
  --text-statement: clamp(28px, 3.6vw, 52px);
  --text-statement--line-height: 1.16;
  --text-statement--letter-spacing: -0.04em;
  --text-label-xs: 14px;
  --text-label-sm: 15px;
  --text-label-md: 16px;
  --text-label: 17px;
  --text-label-lg: 18px;
  --radius-card: 12px;
  --radius-mock: 14px;
  --shadow-mock: 0 50px 100px -50px rgb(21 23 27 / 0.5);
  --shadow-mock-on-dark: 0 60px 120px -50px rgb(0 0 0 / 0.7);
  --shadow-card: 0 40px 80px -44px rgb(21 23 27 / 0.5);
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --animate-float: kelco-float-y 9s ease-in-out infinite;
}