/* KK Nevėžis visual design system — global tokens and elemental styles. */
:root {
  --color-ink: #030504;
  --color-bg: var(--color-ink);
  --color-surface: #080c0a;
  --color-surface-raised: #0d130f;
  --color-surface-soft: #111913;
  --color-surface-overlay: rgb(3 5 4 / 78%);
  --color-accent: #24b85d;
  --color-accent-bright: #57dd87;
  --color-accent-deep: #137c3c;
  --color-accent-glow: rgb(36 184 93 / 24%);
  --color-text: #f5f7f4;
  --color-text-muted: #a5aea7;
  --color-text-dim: #657068;
  --color-border: rgb(245 247 244 / 11%);
  --color-border-strong: rgb(245 247 244 / 20%);

  --font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Impact, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: 1rem;
  --text-md: clamp(1rem, .3vw + .95rem, 1.125rem);
  --text-lg: clamp(1.25rem, 1vw + 1rem, 1.625rem);
  --text-xl: clamp(2rem, 3vw, 3.5rem);
  --text-2xl: clamp(3rem, 7.3vw, 7rem);
  --leading-tight: .9;
  --leading-body: 1.55;
  --tracking-label: .11em;
  --tracking-display: 0;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: clamp(5.5rem, 10vw, 10rem);
  --gutter: clamp(1.25rem, 3.6vw, 4.5rem);
  --container: 90rem;
  --content-width: 48rem;

  --border-width: 1px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-feature: 20px;
  --border-radius: var(--radius);
  --border-radius-lg: var(--radius-lg);
  --shadow-glow: 0 0 4rem var(--color-accent-glow);
  --shadow-elevation: 0 1.5rem 4rem rgb(0 0 0 / 38%);
  --gradient-accent: linear-gradient(105deg, var(--color-accent-bright), var(--color-accent));
  --gradient-hero: linear-gradient(90deg, rgb(3 5 4 / 96%) 0%, rgb(3 5 4 / 62%) 54%, rgb(3 5 4 / 24%) 100%);
  --gradient-surface: linear-gradient(135deg, var(--color-surface-soft), var(--color-surface));
  --transition-fast: 160ms ease;
  --transition-base: 280ms cubic-bezier(.2, .8, .2, 1);
  --transition-slow: 500ms cubic-bezier(.2, .8, .2, 1);
  --breakpoint-sm: 36rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--color-ink); }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-size: var(--text-base); font-weight: var(--font-weight-regular); line-height: var(--leading-body); text-rendering: optimizeLegibility; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--color-accent-bright); outline-offset: 4px; }
button, input, textarea, select { font: inherit; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: var(--font-weight-bold); line-height: var(--leading-tight); letter-spacing: var(--tracking-display); }
h1 { font-size: var(--text-2xl); }
h2 { font-size: var(--text-xl); }
h3 { font-size: var(--text-lg); }
::selection { background: var(--color-accent); color: var(--color-ink); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.eyebrow { margin-bottom: var(--space-3); color: var(--color-accent-bright); font-size: var(--text-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-label); line-height: 1; text-transform: uppercase; }