/* vendored from e:/Documentos/proyectos/brand/styles/tokens.css on 2026-05-02 — re-sync manually if upstream changes */
/* =========================================================
   SYNCORI DESIGN SYSTEM — Tokens (v1.0, brand-spec aligned)
   Parent: Syncori Blue. Each product overrides --accent-*.
   ========================================================= */

/* Note: Geist + Geist Mono fonts are loaded via wp_enqueue_style
   in functions.php (syncori-fonts handle), not via @import here. */

:root {
  /* ---------- Brand colors (locked) ---------- */
  --c-syncori:    #2563EB;   /* parent — blue */
  --c-syncori-h:  #4F7CF0;   /* +10% L hover  */
  --c-syncori-d:  #1A4FC8;   /* -15% L dark   */

  --c-crm:        #059669;   /* emerald */
  --c-crm-h:      #10B581;
  --c-crm-d:      #03734F;

  --c-pilates:    #65A30D;   /* lime */
  --c-pilates-h:  #82C32B;
  --c-pilates-d:  #4D7C09;

  --c-pedia:      #0D9488;   /* teal */
  --c-pedia-h:    #14B8A6;
  --c-pedia-d:    #0A7268;

  --c-10landings: #7C3AED;   /* violet */
  --c-10landings-h:#9663F0;
  --c-10landings-d:#6325C2;

  --c-chatanalyzer:    #DB2777;   /* rose */
  --c-chatanalyzer-h:  #EC4899;
  --c-chatanalyzer-d:  #BE185D;

  /* ---------- Mono ---------- */
  --c-black: #0A0A0B;
  --c-white: #FFFFFF;

  /* ---------- Neutrals (slate, calibrated to #0A0A0B) ---------- */
  --n-50:  #FAFAFA;
  --n-100: #F4F4F5;
  --n-200: #E4E4E7;
  --n-300: #D4D4D8;
  --n-400: #A1A1AA;
  --n-500: #71717A;
  --n-600: #52525B;
  --n-700: #3F3F46;
  --n-800: #27272A;
  --n-900: #18181B;
  --n-950: #0A0A0B;

  /* ---------- Semantic ---------- */
  --c-success: #059669;
  --c-warning: #D97706;
  --c-danger:  #DC2626;
  --c-info:    #2563EB;

  /* ---------- Type ---------- */
  --font-sans: 'Geist', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   20px;
  --fs-xl:   24px;
  --fs-2xl:  32px;
  --fs-3xl:  42px;
  --fs-4xl:  56px;
  --fs-5xl:  72px;

  --tr-tight:    -0.02em;   /* wordmarks, display */
  --tr-snug:     -0.012em;
  --tr-normal:    0em;

  /* ---------- Spacing (4px base) ---------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;

  /* ---------- Radii ---------- */
  --r-xs: 4px;  --r-sm: 6px;  --r-md: 10px;
  --r-lg: 14px; --r-xl: 20px; --r-2xl: 28px;
  --r-full: 9999px;
  /* Container radius is 25% of side — applied per-size, not a fixed token */

  /* ---------- Elevation (sparing — flat-first) ---------- */
  --sh-0: none;
  --sh-1: 0 1px 0 rgba(10, 10, 11, 0.04), 0 1px 2px rgba(10, 10, 11, 0.06);
  --sh-2: 0 2px 4px rgba(10, 10, 11, 0.05), 0 4px 12px rgba(10, 10, 11, 0.06);
  --sh-3: 0 8px 24px rgba(10, 10, 11, 0.08), 0 2px 6px rgba(10, 10, 11, 0.05);
  --sh-ring: 0 0 0 3px rgba(37, 99, 235, 0.22);

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;

  /* ---------- Grid ---------- */
  --grid-max: 1280px;

  /* ---------- Active accent (parent default) ---------- */
  --accent-50:  #EFF4FE;
  --accent-100: #DCE6FC;
  --accent-500: var(--c-syncori);
  --accent-600: var(--c-syncori-d);
  --accent-700: #133E9E;
  --accent-ink: #ffffff;
}

[data-product="syncori-crm"] {
  --accent-50:  #E6F6EF;
  --accent-100: #C7EAD8;
  --accent-500: var(--c-crm);
  --accent-600: var(--c-crm-d);
  --accent-700: #045C42;
  --sh-ring: 0 0 0 3px rgba(5, 150, 105, 0.22);
}
[data-product="pilates-flow"] {
  --accent-50:  #F1F8E3;
  --accent-100: #DDEFB6;
  --accent-500: var(--c-pilates);
  --accent-600: var(--c-pilates-d);
  --accent-700: #3D6307;
  --sh-ring: 0 0 0 3px rgba(101, 163, 13, 0.22);
}
[data-product="pediaflow"] {
  --accent-50:  #E6F6F4;
  --accent-100: #C2EAE5;
  --accent-500: var(--c-pedia);
  --accent-600: var(--c-pedia-d);
  --accent-700: #075751;
  --sh-ring: 0 0 0 3px rgba(13, 148, 136, 0.22);
}
[data-product="10landings"] {
  --accent-50:  #F2EBFD;
  --accent-100: #DEC9FA;
  --accent-500: var(--c-10landings);
  --accent-600: var(--c-10landings-d);
  --accent-700: #4F1A9B;
  --sh-ring: 0 0 0 3px rgba(124, 58, 237, 0.22);
}

[data-product="chatanalyzer"] {
  --accent-50:  #FDF2F8;
  --accent-100: #FCE7F3;
  --accent-500: var(--c-chatanalyzer);
  --accent-600: var(--c-chatanalyzer-d);
  --accent-700: #9D174D;
  --sh-ring: 0 0 0 3px rgba(219, 39, 119, 0.22);
}

/* Body baseline intentionally NOT included here — the host theme (style.css)
   owns the body/html base rules to coexist with its dark-mode system. */