/* Taller Torrents — design tokens. Exact values from Figma. */
:root {
  /* Fallback palette = light (es) */
  --bg: #ffffff;
  --fg: #000000;
  --accent-contact: #f600ff; /* magenta; contact email only */
  --scrim: #e8e8e8; /* page-transition overlay shade — offset from --bg so transitions are visible */
  --sheet-scrim: rgba(
    0,
    0,
    0,
    0.34
  ); /* contact-sheet backdrop — mode-adaptive (see :lang overrides) */
  --next-bg: #f3f3f3; /* next-project — subtle resting shade */
  --next-bg-active: #e0e0e0; /* next-project — bolder shade once the countdown arms */

  /* Type */
  --font-grotesque: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fz-header-target: 24px;
  --fz-logo-target: 30px;
  --fz-nav-target: 30px;
  --fz-footer-target: 14px;
  --fz-body-target: 15px;
  --fz-list-target: 20px;
  --fz-display-target: 38px;
  --fz-control-target: 30px;
  --fz-header: clamp(18px, var(--fz-header-target), 24px);
  --fz-logo: clamp(20px, var(--fz-logo-target), 30px);
  --fz-nav: clamp(20px, var(--fz-nav-target), 30px);
  --fz-footer: clamp(12px, var(--fz-footer-target), 14px);
  --fz-body: clamp(
    13px,
    var(--fz-body-target),
    15px
  ); /* DM Mono captions/desc */
  --fz-list: clamp(16px, var(--fz-list-target), 20px); /* DM Mono lists */
  --fz-display: clamp(
    28px,
    var(--fz-display-target),
    41px
  ); /* About intro, Helvetica Neue Regular */
  --fz-control: clamp(20px, var(--fz-control-target), 30px);
  --fz-contact: clamp(
    28px,
    5vw,
    50px
  ); /* contact sheet message — Figma Helvetica Neue Regular 50 */

  /* Layout */
  --gutter: 30px;
  --header-h: 90px;
  --radius: 0;
  --grid-cols: 6;
  --grid-gap: 36px; /* work grid */
  --grid-gap-flush: 0px; /* posters */

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 480ms;
  --dur-fast: 280ms;
  --page-transition-duration: 400ms;
  --page-transition-ease: ease-in-out;
  --page-transition-shift: 2.5vh;
}

/* Per-language palettes — :lang(es|en|ca) and any future language — are generated
   from Theme Options → Colours and injected inline right after this file; see
   inc/colours.php (tt_language_colours_css). The :root values above are the
   pre-language fallback. */

@media (max-width: 1199px) {
  :root {
    --fz-logo-target: 28px;
    --fz-header-target: 23px;
    --fz-nav-target: 28px;
    --fz-footer-target: 13px;
    --fz-list-target: 19px;
    --fz-display-target: 38px;
  }
}

@media (max-width: 1023px) {
  :root {
    --fz-logo-target: 26px;
    --fz-header-target: 22px;
    --fz-nav-target: 26px;
    --fz-footer-target: 13px;
    --fz-body-target: 14px;
    --fz-list-target: 18px;
    --fz-display-target: 34px;
    --fz-control-target: 28px;
  }
}

@media (max-width: 767px) {
  :root {
    --fz-logo-target: 22px;
    --fz-header-target: 20px;
    --fz-nav-target: 22px;
    --fz-footer-target: 16px;
    --fz-list-target: 17px;
    --fz-display-target: 30px;
    --fz-control-target: 26px;
  }
}

@media (max-width: 575px) {
  :root {
    --fz-logo-target: 20px;
    --fz-header-target: 18px;
    --fz-nav-target: 20px;
    --fz-footer-target: 14px;
    --fz-body-target: 13px;
    --fz-list-target: 16px;
    --fz-display-target: 28px;
    --fz-control-target: 24px;
  }
}