/* Design tokens — modo oscuro canónico (default).
 * Copiado literal de 26NOWE_nonome-web/src/styles/tokens.css.
 * NO modificar aquí; si cambia en NOWE, re-copiar.
 */

:root {
  /* COLOR */
  --color-paper: #0d0c0a;
  --color-ink: #f0ece2;
  --color-dim: rgba(240, 236, 226, 0.74);
  --color-dim-opaque: #b5b2aa;
  --color-muted: rgba(240, 236, 226, 0.48);
  --color-rule: rgba(240, 236, 226, 0.14);
  --color-surface: #141210;

  --color-signal-red: oklch(0.62 0.22 27);
  --color-signal-green: oklch(0.62 0.13 145);
  --color-signal-ochre: oklch(0.74 0.15 78);

  /* TYPOGRAPHY */
  --font-sans:
    "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono:
    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --font-size-display: clamp(96px, 10vw, 116px);
  --font-size-h1: clamp(56px, 6vw, 72px);
  --font-size-h2: clamp(28px, 3.5vw, 34px);
  --font-size-h3: clamp(22px, 2.5vw, 26px);
  --font-size-body-lg: clamp(18px, 2vw, 22px);
  --font-size-body: clamp(16px, 1.5vw, 17px);
  --font-size-ui: clamp(13px, 1vw, 14px);
  --font-size-mono: 11px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --line-height-tight: 1.1;
  --line-height-normal: 1.5;
  --line-height-loose: 1.7;

  --tracking-tight: -0.045em;
  --tracking-normal: 0;

  --wordmark-size-sm: 18px;
  --wordmark-size-md: 28px;
  --wordmark-size-lg: 56px;

  /* SPACING */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  --space-grid-gap: 24px;
  --container-max: 1280px;

  /* RADII */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  /* SHADOWS */
  --shadow-none: none;
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-raised: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-overlay: 0 12px 40px rgba(0, 0, 0, 0.5);

  /* MOTION */
  --duration-fast: 120ms;
  --duration-base: 240ms;
  --duration-slow: 400ms;

  --easing-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --easing-entry: cubic-bezier(0, 0, 0.2, 1);
}