/* Synclair brand tokens — copiadas de synclair-brand-assets/BRAND_REFERENCE.md.
   v3.0: set mínimo necesario para el engine.  */

:root {
  /* Brand */
  --neural-blue: #0047FF;
  --kinetic-cyan: #00D9FF;
  --synergy-purple: #8B5CF6;
  --pattern-teal: #14B8A6;

  /* Backgrounds */
  --deep-space: #0A0E27;
  --slate-900: #0F172A;
  --slate-800: #1E293B;
  --slate-700: #334155;
  --slate-600: #475569;
  --lab-white: #F8FAFC;

  /* Text */
  --text-primary-dark: #F8FAFC;     /* on dark bg */
  --text-secondary-dark: #CBD5E1;
  --text-tertiary-dark: #94A3B8;
  --text-primary-light: #1E293B;    /* on light bg */
  --text-secondary-light: #64748B;

  /* Semantic */
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;

  /* Callout variants */
  --callout-info: var(--info);
  --callout-tip: var(--kinetic-cyan);
  --callout-warning: var(--warning);
  --callout-analogy: var(--synergy-purple);

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;

  /* Type */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Monaco, monospace;
}