/* Worp Energy design tokens — SPEC §1. The ONLY file allowed to contain raw color values. */
:root {
  /* Color */
  --c-teal-900: #0d3b46;   /* headers, footer bg */
  --c-teal-700: #14646f;   /* primary buttons */
  --c-teal-500: #1a8a92;   /* links, accents */
  --c-gold-500: #e9b949;   /* CTA highlight (Sign Up) */
  --c-ink: #16323c;        /* body text */
  --c-ink-soft: #5b7683;   /* secondary text */
  --c-bg: #ffffff;
  --c-bg-tint: #eef6f7;    /* section alternating bg */
  --c-danger: #b3261e;
  --c-success: #1e7d43;

  /* Type — Poppins with system fallback */
  --font-sans: "Poppins", system-ui, -apple-system, sans-serif;
  --fs-900: clamp(1.9rem, 5vw, 3rem);   /* h1 */
  --fs-700: clamp(1.4rem, 3.5vw, 2rem); /* h2 */
  --fs-500: 1.125rem;                   /* lead */
  --fs-400: 1rem;                       /* body */
  --fs-300: .875rem;                    /* fine print */

  /* Space & shape */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: 1rem;
  --sp-4: 1.5rem; --sp-5: 2.5rem; --sp-6: 4rem;
  --radius: 12px;
  --shadow: 0 2px 12px rgba(16, 62, 74, .08);
}