/* Tokens de ORYON v2. Fuente de verdad: DESIGN.md. Ningún valor visual vive fuera de este archivo. */

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2");
  font-weight: 300 500;
  font-stretch: 100% 122%;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-wdth-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --wdth-display: 122%;
  --wdth-text: 100%;

  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lead: clamp(1.25rem, 1.7vw, 1.5rem);
  --text-h3: clamp(1.5rem, 2.4vw, 2rem);
  --text-statement: clamp(1.5rem, 2.3vw, 2rem);
  --text-hero: clamp(1.75rem, 4.2vw, 3.25rem);
  --text-h2: clamp(2.25rem, 5.2vw, 4rem);
  --text-display: clamp(2.5rem, 6.2vw, 5.5rem);

  --leading-display: 1;
  --leading-heading: 1.08;
  --leading-statement: 1.28;
  --leading-body: 1.65;

  --tracking-display: -0.035em;
  --tracking-heading: -0.03em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --container: 78rem;
  --measure: 40rem;
  --gutter: clamp(1.25rem, 5vw, 4rem);

  --ink: #030d1c;
  --hero-ground: #0a2342;
  --navy-900: #061a33;
  --navy-800: #0a2342;
  --navy-700: #123257;
  --navy-600: #1c4577;

  --paper: #eef3f9;
  --paper-muted: #a9bbd2;
  --logo-white: #ffffff;
  --accent: #3d8ee6;
  --accent-deep: #0b67b2;
  --on-paper: #0a2342;
  --on-paper-muted: #4a5f76;

  --radius-sm: 0.125rem;
  --radius: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-full: 999px;

  --ease-out: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-micro: 0.18s;
  --dur-state: 0.35s;
  --dur-fill: 0.5s;
  --dur-slow: 2s;
}

@media (max-width: 47.99rem) {
  :root {
    --wdth-display: 100%;
    --tracking-display: -0.02em;
    --tracking-heading: -0.015em;
  }
}