/* ANPHA Tech - propuesta v0.1, 2026-10-07.
   Base para la futura web. Paleta normalizada desde el JPEG suministrado.
   Rutas de fuentes relativas a este archivo. */
@font-face { font-family: 'Sora'; src: url('../fonts/Sora-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('../fonts/Sora-700.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-400.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-500.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap; }
:root {
  --anpha-navy: #020E28;
  --anpha-cyan: #00E5F0;
  --anpha-white: #FFFFFF;
  --anpha-ice: #F3F7FB;
  --anpha-slate: #53657A;
  --anpha-teal: #006B78;
  --anpha-ink: #0B1C3A;
  --anpha-muted-dark: #A8B8CC;
  --anpha-border: #CBD5E1;
  --color-background: var(--anpha-white);
  --color-surface: var(--anpha-ice);
  --color-text: var(--anpha-navy);
  --color-text-secondary: var(--anpha-slate);
  --color-link: var(--anpha-teal);
  --color-action: var(--anpha-cyan);
  --color-on-action: var(--anpha-navy);
  --color-dark-background: var(--anpha-navy);
  --color-dark-surface: var(--anpha-ink);
  --color-on-dark: var(--anpha-white);
  --color-on-dark-secondary: var(--anpha-muted-dark);
  --font-heading: 'Sora', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading-weight: 600;
  --font-body-weight: 400;
  --font-action-weight: 600;
  --text-display: clamp(2.5rem, 5vw, 3.5rem);
  --text-h1: clamp(2rem, 4vw, 3rem);
  --text-h2: clamp(1.75rem, 3vw, 2.25rem);
  --text-h3: clamp(1.375rem, 2vw, 1.5rem);
  --text-body: 1rem;
  --text-small: .875rem;
  --leading-heading: 1.15;
  --leading-body: 1.6;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --content-max: 75rem;
  --reading-max: 65ch;
  --focus-ring-light: var(--anpha-teal);
  --focus-ring-dark: var(--anpha-cyan);
}
