/* ============================================================================
   Elyndor Tokens — single source of truth for brand colors, type, motion.
   Both the landing page (/) and the command centers catalog (/command-centers/) bind to this file.
   Plan C: same chrome, voice can differ per page.

   Anti-AI-purple doctrine:
     --accent-2 used to be c084fc (the 2024-26 AI-trope violet). Replaced with
     a warm gold companion so the brand reads "premium consumer" not "every
     AI startup." Pink (#ff7eb9) and warm gold (#f6c97a) — both grounded in the
     Elyndor gold seal mark — replace the canonical pink/violet/blue rainbow.
   ============================================================================ */

:root {
  /* Page surface — warm-shifted (less "Windows 7 navy" feel) */
  --bg:        #0c0710;   /* deep maroon-navy, the canonical Elyndor dark */
  --bg-2:      #150c1a;   /* card-ish */
  --bg-glass:  rgba(21, 12, 26, 0.6);
  --bg-glass-strong: rgba(13, 7, 18, 0.82);

  /* Type */
  --ink:       #f4ede0;   /* primary text — warm cream, side of gold */
  --ink-2:     #b9b0a4;   /* secondary */
  --ink-3:     #75655a;   /* tertiary, captions */

  /* Brand accent family — pink + warm gold, used sparingly */
  --accent:    #ff7eb9;   /* primary: signature pink (ours, not AI) */
  --accent-2:  #f6c97a;   /* secondary: warm gold companion (was AI-trope violet #c084fc) */
  --accent-3:  #ffd6a8;   /* tertiary: pale gold highlight */
  --accent-glow: rgba(255, 126, 185, 0.35);
  --accent-glow-soft: rgba(255, 126, 185, 0.18);
  --violet-glow: rgba(246, 201, 122, 0.30);  /* was rgba violet; now warm-gold glow */

  /* Gold details (used in nav mark / seals / footer) */
  --gold:      #e8b75a;
  --gold-2:    #f6c97a;
  --gold-glow: rgba(232, 183, 90, 0.40);

  /* TK-HARDEN-A — cyber family colors. Tokens for the cyber-noir pages
     (war-room, flagship, cyberpunk, brutalist, retro) that previously
     referenced undefined --cyan/--magenta. Defined here once. */
  --cyan:      #00f0ff;
  --cyan-glow: rgba(0, 240, 255, 0.35);
  --magenta:   #ff2bd6;
  --magenta-glow: rgba(255, 43, 214, 0.30);
  --void:      #0a0a0f;

  /* Utilities */
  --rule:        rgba(255, 255, 255, 0.08);
  --rule-strong: rgba(255, 255, 255, 0.14);
  --green:       #10b981;
  --red:         #f43f5e;

  /* Type families — Onest replaces Inter as default sans-serif (more geometric,
     more personality, less "default"). Headlines stay Playfair Display serif. */
  --font-display: 'Playfair Display', 'SF Pro Display', Georgia, serif;
  --font-body:    'Onest', -apple-system, BlinkMacSystemFont, 'SF Pro Display',
                  'Inter', 'Segoe UI', 'Nunito', sans-serif;
  --font-mono:    'SF Mono', 'Menlo', 'Consolas', monospace;

  /* Geometry */
  --radius:       18px;
  --radius-sm:    10px;
  --max:          1240px;

  /* Motion — shared easings */
  --ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart:  cubic-bezier(0.25, 1, 0.5, 1);
  --ease-spring:     cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-spring-soft:cubic-bezier(0.5, 1.4, 0.55, 1);
  --t-instant: 80ms;
  --t-fast:    160ms;
  --t-base:    240ms;
  --t-slow:    400ms;

  /* "alive" rhythm — used for the breathing heart-orb animation */
  --breath:      6s;
  --breath-ease: cubic-bezier(0.4, 0, 0.4, 1);
}

/* ===========================================================================
   TK-HARDEN-A — global focus + active press.
   Premium-platform standard (Vercel/Linear/Apple craft).
   Every interactive element on every surface that imports tokens.css
   gets a deliberate keyboard-focus ring + a tactile press animation.
   Per-page surfaces can override --focus-color with a local var to
   tint the ring to the surface's family color (cyan/magenta for
   cyber pages, etc.) — but the rule itself is global.
   ============================================================================ */
:root {
  --focus-color: var(--accent);   /* default to signature pink; override locally */
  --focus-ring:  2px solid var(--focus-color);
  --press-scale: 0.97;
  --press-time:  60ms;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
.btn:focus-visible,
.buy-btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
.product-card:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--bg),
    0 0 0 4px var(--focus-color);
  border-radius: inherit;
}

button:active:not(:disabled),
.btn:active:not(:disabled),
.buy-btn:active:not(:disabled),
.product-card-add:active:not(:disabled),
.deal-cta:active:not(:disabled),
.download-cta:active:not(:disabled) {
  transform: translateY(0) scale(var(--press-scale));
  transition-duration: var(--press-time);
}

/* Suppress focus ring on touch tap (mobile) — keep keyboard / pointer focus */
@media (hover: none) {
  a:focus:not(:focus-visible),
  button:focus:not(:focus-visible) {
    box-shadow: none;
    outline: none;
  }
}