/* ===========================
   TENIOLA — DESIGN TOKENS
   Dark theme + pink/violet/cyan
   =========================== */

:root {
  /* Dark backgrounds */
  --bg-base:        #0a0810;
  --bg-surface:     #120f1c;
  --bg-elevated:    #1c1829;
  --bg-card:        #221e32;
  --bg-glass:       rgba(255,255,255,0.04);

  /* Brand accents */
  --pink:           #f472b6;
  --pink-light:     #fce7f3;
  --pink-dark:      #be185d;
  --violet:         #a78bfa;
  --violet-dark:    #7c3aed;
  --cyan:           #22d3ee;
  --cyan-dark:      #0891b2;
  --amber:          #fbbf24;
  --green:          #4ade80;

  /* Text */
  --text-primary:   #f1eef9;
  --text-secondary: #b8b0d0;
  --text-muted:     #7a7292;
  --text-inverse:   #0a0810;

  /* Borders */
  --border-subtle:  rgba(167,139,250,0.12);
  --border-mid:     rgba(167,139,250,0.25);
  --border-strong:  rgba(244,114,182,0.4);

  /* Typography */
  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'DM Sans', system-ui, sans-serif;
  --font-mono:     'Space Mono', monospace;

  /* Spacing */
  --section-pad:   6rem 1.5rem;
  --radius-sm:     6px;
  --radius-md:     12px;
  --radius-lg:     20px;
  --radius-xl:     32px;

  /* Transitions */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:      150ms;
  --dur-mid:       300ms;
  --dur-slow:      600ms;

  /* Shadows */
  --shadow-pink:   0 0 40px rgba(244,114,182,0.15);
  --shadow-violet: 0 0 40px rgba(167,139,250,0.15);
  --shadow-card:   0 4px 24px rgba(0,0,0,0.4);
}