/* TPS Battery — Design Tokens (Flat/Industrial Clean) */
@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --ink: #0b0b0d;
  --ink-2: #1a1a1f;
  --paper: #ffffff;
  --paper-2: #f4f4f6;
  --line: #e4e4e8;
  --muted: #5b5b66;
  --muted-inv: #a8a8b3;
  --red: #dc2219;
  --red-hover: #b81b13;

  /* Brand sub-colors (4px stripes / badges only) */
  --spark: #5b2bd6;
  --varta: #003a7d;
  --export: #e3a500;

  /* Spacing (8pt) */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;

  /* Layout */
  --container-max: 1200px;
  --container-pad: 24px;
  --section-pad: var(--s9);

  /* Radius */
  --r-sm: 8px;
  --r-md: 12px;

  /* Typography */
  --font-base: "Prompt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fz-body: 16px;
  --lh-body: 1.65;
  --fz-small: 14px;
  --lh-small: 1.5;
  --fz-h1: clamp(36px, 5vw, 56px);
  --lh-h1: 1.15;
  --fz-h2: clamp(28px, 3.2vw, 40px);
  --lh-h2: 1.2;
  --fz-h3: 20px;
  --lh-h3: 1.35;
  --fz-eyebrow: 13px;
  --ls-eyebrow: 0.12em;

  /* Transitions */
  --transition-fast: 180ms ease;
}

@media (max-width: 640px) {
  :root {
    --container-pad: 20px;
    --section-pad: var(--s8);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}