/* Tykky Design · brand tokens v1.0 */
:root {
  --tykky-spruce: #1E3A32;
  --tykky-snow: #F6F7F4;
  --tykky-frost: #DCE7EA;
  --tykky-cloudberry: #E6A95B;   /* accent, max 5%, text on it = spruce */
  --tykky-muted: #4A615A;        /* secondary text on snow */
  --tykky-black: #111111;        /* one-colour print only */

  --tykky-font-heading: 'Outfit', sans-serif;   /* weight 500 */
  --tykky-font-body: 'Inter', sans-serif;       /* weight 400 / 500 */

  --tykky-h1: 96px; --tykky-h1-lh: 1.05; --tykky-h1-ls: -0.02em;  --tykky-h1-mobile: 48px;
  --tykky-h2: 64px; --tykky-h2-lh: 1.1;  --tykky-h2-ls: -0.015em; --tykky-h2-mobile: 36px;
  --tykky-h3: 40px; --tykky-h3-lh: 1.2;  --tykky-h3-ls: -0.01em;  --tykky-h3-mobile: 28px;
  --tykky-h4: 28px; --tykky-h4-lh: 1.3;                            --tykky-h4-mobile: 22px;
  --tykky-body: 18px; --tykky-body-lh: 1.6; --tykky-body-mobile: 17px;
  --tykky-small: 15px; --tykky-small-lh: 1.5;
  --tykky-caption: 13px; --tykky-caption-lh: 1.4; --tykky-caption-ls: 0.04em; /* Inter 500, uppercase */

  --tykky-radius-sm: 8px;
  --tykky-radius-lg: 14px;
  --tykky-shadow: 0 1px 2px rgba(30, 58, 50, 0.06), 0 4px 16px rgba(30, 58, 50, 0.06); /* subtle or none */
  --tykky-grid-columns: 12;
  --tykky-icon-stroke: 2px;

  /* logo: clear space = 1F = 15.5% of mark height (side flake 13.6 / 87.6) */
  --tykky-logo-clear: 0.155;
  --tykky-logo-min-horizontal: 120px;
  --tykky-logo-min-symbol: 24px;
  --tykky-logo-min-small-cut: 16px;
}