/* Hallmark · tokens · NEGTIUM v3 · basado en el nuevo diseño de Alvaro
 * paper: light lavender · display: Space Grotesk · accent: violet #6D3BF5 + lime #D9FF6B
 */
:root {
  /* — Brand — */
  --purple:       #6D3BF5;
  --purple-deep:  #4B22C4;
  --purple-light: #7B4CFF;
  --lime:         #D9FF6B;
  --lime-deep:    #C6F24A;
  --lime-ink:     #22300A;

  /* — Ink / paper — */
  --ink:      #14121C;
  --ink-soft: #1E1B29;
  --paper:    #FBFAFF;
  --paper-2:  #F4F1FE;
  --paper-3:  #E8E4F4;
  --text-2:   #55516A;
  --text-3:   #8A85A0;
  --text-4:   #6E688C;
  --line:     #E8E4F4;
  --line-2:   #D9D3EC;
  --border-strong: #B9B2D6;

  /* — On dark — */
  --dark:      #14121C;
  --dark-2:    #1E1B29;
  --dark-card: #211D30;
  --dark-line: #2E2942;
  --dark-text: #B9B2D6;
  --dark-text-2: #8A85A0;

  --grad-hero: radial-gradient(60% 80% at 82% 0%, rgba(217,255,107,0.16), transparent 60%),
               radial-gradient(70% 90% at 8% 4%, rgba(109,59,245,0.14), transparent 62%);
  --grad-purple: linear-gradient(135deg, #7B4CFF 0%, #6D3BF5 55%, #4B22C4 100%);

  /* — Type — */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:   0.78rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.1875rem;
  --text-xl:   clamp(1.25rem, 1.05rem + 0.9vw, 1.5rem);
  --text-2xl:  clamp(1.6rem, 1.3rem + 1.4vw, 2.1rem);
  --text-3xl:  clamp(2rem, 1.45rem + 2.4vw, 3rem);
  --text-4xl:  clamp(2.4rem, 1.6rem + 3.2vw, 3.6rem);
  --text-display: clamp(2.7rem, 1.5rem + 5vw, 4.6rem);

  --space-2xs: 4px;  --space-xs: 8px;  --space-sm: 12px; --space-md: 16px;
  --space-lg: 24px;  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px;
  --space-4xl: 96px; --space-5xl: 128px;

  --radius-sm: 10px; --radius-md: 14px; --radius-lg: 20px; --radius-xl: 28px; --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(20,18,28,0.05), 0 2px 8px rgba(20,18,28,0.05);
  --shadow-2: 0 8px 20px rgba(75,34,196,0.08), 0 20px 48px rgba(75,34,196,0.10);
  --shadow-3: 0 16px 40px rgba(75,34,196,0.14), 0 40px 80px rgba(20,18,28,0.12);
  --shadow-purple: 0 10px 28px rgba(109,59,245,0.35);
  --shadow-lime: 0 10px 26px rgba(198,242,74,0.35);

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in:  cubic-bezier(0.55, 0.08, 0.68, 0.53);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 140ms; --dur-2: 240ms; --dur-3: 460ms;

  --rule: 1px solid var(--line);
  --container: 1160px;
}