/* ─────────────────────────────────────────────────────────────
   PTL Ecosystem Design Language v1 · Tokens
   Canon visual único para nymphtech.com + punkytigerlabs.com.
   Cualquier cambio aquí se propaga a AMBOS dominios idéntico.
   Derivado de: /nymphtechv2/index.html (2026-04-16).
   Build: 2026-04-16-ptl-tokens-v1
   ───────────────────────────────────────────────────────────── */

:root {
  /* ─── Superficies ─── */
  --ptl-bg: #fbfbfd;
  --ptl-surface: #eaeaec;
  --ptl-surface-alt: #ffffff;

  /* ─── Texto ─── */
  --ptl-text: #1d1d1f;
  --ptl-text-2: #3d3d3f;
  --ptl-muted: #6e6e73;

  /* ─── Bordes y divisores ─── */
  --ptl-border: rgba(0, 0, 0, 0.08);
  --ptl-border-soft: rgba(0, 0, 0, 0.04);
  --ptl-border-strong: rgba(0, 0, 0, 0.15);

  /* ─── Acento primario (CTA, eyebrows, énfasis) ─── */
  --ptl-orange: #f97316;
  --ptl-orange-hover: #ea6c0a;
  --ptl-orange-ghost: rgba(249, 115, 22, 0.10);

  /* ─── Acentos semánticos (roles, no marca) ─── */
  --ptl-cyan: #06b6d4;     /* arquitectura / hardware */
  --ptl-purple: #9333ea;   /* cognición / IA */
  --ptl-green: #22c55e;    /* validación / privacidad */
  --ptl-blue: #3b82f6;     /* datos / benchmarks */

  /* ─── Elevación ─── */
  --ptl-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  --ptl-shadow-hover: 0 8px 40px rgba(0, 0, 0, 0.12);
  --ptl-shadow-hero: 0 4px 40px rgba(0, 0, 0, 0.12);

  /* ─── Radios ─── */
  --ptl-r: 20px;       /* cards base */
  --ptl-rl: 24px;      /* cards jerárquicas */
  --ptl-r-sm: 8px;     /* nav-link hover, inputs */
  --ptl-r-cta: 10px;   /* nav-cta */
  --ptl-r-pill: 50px;  /* botones principales */
  --ptl-r-badge: 6px;  /* micro labels */

  /* ─── Tipografía ─── */
  --ptl-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ptl-font-base: 15px;
  --ptl-leading: 1.6;

  /* ─── Layout ─── */
  --ptl-max: 1200px;
  --ptl-pad-x: 2rem;
  --ptl-pad-x-mobile: 1.25rem;
  --ptl-nav-h: 60px;

  /* ─── Movimiento ─── */
  --ptl-ease: ease;
  --ptl-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ptl-t-fast: 0.2s;
  --ptl-t-base: 0.3s;
  --ptl-t-slow: 0.55s;

  /* ─── Z-index ─── */
  --ptl-z-base: 1;
  --ptl-z-content: 2;
  --ptl-z-nav: 100;
  --ptl-z-drawer: 200;
  --ptl-z-toast: 500;
}