/*
  tokens.css
  Variables de marca — Monraz Pérez Consulting.
  Color extraído pixel-exact del logo (ver assets/logo/logo-color.png).
  No usar hex hardcodeado fuera de este archivo.
*/

:root {
  /* ---- Color: superficies ---- */
  --color-bg-primary: #0A0A0A;      /* negro base, no negro puro */
  --color-bg-secondary: #141414;    /* cards / secciones alternas */
  --color-bg-elevated: #1A1A1A;     /* cards sobre --color-bg-secondary */
  --color-border: #2A2A2A;

  /* ---- Color: marca ---- */
  --color-brand-teal: #124E60;         /* acento principal, igual al logo */
  --color-brand-teal-light: #1C6E86;   /* hover / estados, +15% luminosidad */
  --color-brand-teal-dim: rgba(18, 78, 96, 0.18); /* fondos sutiles, halos */

  /* ---- Color: texto ---- */
  --color-text-primary: #F5F5F5;
  --color-text-secondary: #A8A8A8;
  --color-text-muted: #6E6E6E;
  --color-text-on-teal: #F5F5F5;

  /* ---- Tipografía ---- */
  /* Serif editorial para titulares: transmite solidez / tradición financiera */
  --font-display: 'Fraunces', 'Georgia', serif;
  /* Sans neutra para cuerpo — evitar geometric sans genéricas (Poppins, Montserrat) */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --tracking-logo: 0.18em;   /* mismo espíritu de tracking que el wordmark del logo */
  --tracking-label: 0.14em;

  /* ---- Espaciado ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* ---- Layout ---- */
  --max-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;

  /* ---- Movimiento ---- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.3s;
  --duration-standard: 0.6s;
}