/* KUBETOL tokens — copied from design/kubetol-tokens.css (fonts switched to WOFF2). */
@font-face { font-family: Gilroy; src: url("../fonts/Gilroy-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: Gilroy; src: url("../fonts/Gilroy-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: Gilroy; src: url("../fonts/Gilroy-Semibold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: Gilroy; src: url("../fonts/Gilroy-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: Gilroy; src: url("../fonts/Gilroy-Extrabold.woff2") format("woff2"); font-weight: 800; font-display: swap; }
:root {
  --yellow: #f8bc16; --yellow-bright: #fcbe00; --black: #000000; --footer: #1d1d1b; --footer-bar: #363633;
  --gray-dark: #3a3a3a; --field-dark: #333333; --gray: #9d9d9d; --gray-light: #ececec; --white: #ffffff;
  --stock: #1e7b34; --out: #c62828; --photo-shade: rgba(0, 0, 0, 0.55);
  --surface: var(--white); --ink: var(--black); --accent: var(--yellow); --on-accent: var(--black); --focus: var(--black);
  --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-5: 48px; --space-6: 64px; --space-7: 96px; --container: 1180px;
  --radius-pill: 18px; --radius-card: 34px; --radius-lg: 24px; --radius-md: 12px; --radius-round: 9999px;
  --button-h: 60px; --button-w: 360px; --button-sm-h: 44px; --field-h: 52px; --header-h: 96px; --stat-h: 110px;
  --shadow-float: 0 18px 48px rgba(0,0,0,0.22), 0 4px 12px rgba(0,0,0,0.10);
  --font-gilroy: Gilroy, Manrope, "Plus Jakarta Sans", system-ui, sans-serif;
}