/* variables.css — Design tokens */
/* Brand tokens come from css/parc-tokens.css, lifted from parc.studio. */
/* This file adds only what the park itself needs on top of them. */

@font-face {
  font-family: 'Helvetica Now';
  src: url('../assets/fonts/Helvetica-Now-Var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: 'Parc Helvetica';
  src: url('../assets/fonts/Parc-Helvetica-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: 'Alte Haas Grotesk';
  src: url('../assets/fonts/Alte-Haas-Grotesk-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: block;
}

:root {
  /* -- families -- */
  --font-sans: 'Helvetica Now';
  --font-parc: 'Parc Helvetica';
  --font-not-today: 'Alte Haas Grotesk';

  /* -- surfaces -- */
  /* Aliases onto parc's own tokens rather than copies of the hex values, so
     this stays in sync if the studio palette moves. */
  --lawn: var(--color-light-grey); /* #f2f2f2 */
  --ink: var(--color-black);
  --paper: var(--color-white);
  --quiet: var(--color-grey); /* #bababa */
  --accent: var(--color-lime); /* #b1d539 */
  /* Deliberately not --color-border (#f6f6f6): that disappears against the
     white card frames at this size. */
  --line: #e4e4e4;
  /* not today's own blue, off the space deck. The bandstand uses this. */
  --accent-ntt: #2bb9fd;

  /* -- world type -- */
  /* Signs are read at roughly 1:1 world scale, so these are near enough to */
  /* their rendered pixel size. Big, in the way a talk needs to be big. */
  --sign-title-size: 132px;
  --sign-title-leading: 0.92;
  --sign-body-size: 26px;
  --sign-kicker-size: 20px;
  --card-label-size: 22px;

  /* -- screen type -- */
  /* The HUD keeps parc's real UI sizing: small, dense, exact. */
  --ui-size: var(--font-size-10, 10px);
  --ui-weight: 628;
  --ui-tracking: 0.251px;
  --panel-title-size: 15px;
  --panel-body-size: 12.5px;

  /* -- rhythm -- */
  --gutter: 15px;
  --edge: 20px;
}