/*
 * Undurable brand tokens — v0, PROVISIONAL.
 * Published at https://undurable.com/brand/tokens.css as a public API for the
 * project subdomains. Do not link it from a project until v1 (final design).
 * After v1, rename or remove a token only together with the projects using it.
 * Every token is prefixed --u- so it cannot collide with a project's own.
 *
 * Dark only for now: the logo (white fading into black) needs a dark ground.
 * A light variant would come with a logo for light grounds.
 */

/* Fonts: Latin subsets, variable weight. SIL Open Font License (OFL-*.txt). */
@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/space-grotesk.woff2') format('woff2');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('fonts/newsreader.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('fonts/newsreader-italic.woff2') format('woff2');
  font-weight: 400 600;
  font-style: italic;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Color — every text color meets WCAG 2.2 AA (4.5:1) on bg and surface. */
  --u-color-bg: #000000;
  --u-color-surface: #121211;
  --u-color-text: #ededea;
  --u-color-text-soft: #c9c9c4;
  --u-color-text-muted: #9a9a95;
  --u-color-rule: #2a2a28;
  --u-color-accent: #ffffff;
  --u-color-focus: #8ab4f8;

  /* Type */
  --u-font-text: 'Newsreader', ui-serif, Georgia, 'Times New Roman', serif;
  --u-font-ui: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --u-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  --u-text-sm: 0.875rem;
  --u-text-base: 1.125rem;
  --u-text-lg: 1.375rem;
  --u-text-xl: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  --u-leading: 1.6;
  --u-measure: 66ch;
  --u-wide: 75rem;

  /* Space — 4px base. */
  --u-space-1: 0.25rem;
  --u-space-2: 0.5rem;
  --u-space-3: 1rem;
  --u-space-4: 1.5rem;
  --u-space-5: 2.5rem;
  --u-space-6: 4rem;
  --u-gutter: clamp(1.25rem, 5vw, 4rem);
}