/* Design tokens. Tweak here to retheme the site. */
:root {
  /* Brand palette */
  --c-black: #0a0a0a;
  --c-white: #ffffff;
  --c-strawberry: #e63946;   /* strawberry red (fresa) */
  --c-strawberry-rgb: 230, 57, 70;  /* same colour as --c-strawberry, for rgba() use */
  --c-strawberry-dark: #b3263a;
  --c-muted: #b3b3b3;
  --c-bg: var(--c-black);
  --c-fg: var(--c-white);
  --c-accent: var(--c-strawberry);

  /* Hero darkening filter on top of background video */
  --hero-overlay: rgba(10, 10, 10, 0.55);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);

  /* Spacing scale */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 5rem;
  --s-7: 8rem;

  /* Layout */
  --max-w: 1400px;
  --header-h: 72px;

  /* Motion */
  --t-fast: 150ms ease;
  --t: 250ms ease;
}