/* Design token primitives — single source of truth for brand + neutrals.
   Consumed by assets/css/style.css (vanilla app) and crm-app/src/theme.css
   (React island, inlined by Vite via @import). Change a brand value here and
   both surfaces update.
   Superficies teñidas hacia el hue teal de marca (~h195, chroma bajo) a la
   misma luminosidad que el slate original: los contrastes AA no se mueven.
   La rampa de texto (slate-400..700) se queda slate a propósito. */
:root {
  /* Brand teal */
  --c-teal:       #0e7c86;
  --c-teal-hover: #4aa1ab;
  --c-teal-ghost: #5fd3de;
  --c-teal-deep:  #0e3a40;
  /* Slate ramp */
  --c-navy:       #0c1b20;
  --c-slate-800:  #1a2f34;
  --c-slate-700:  #334155;
  --c-slate-600:  #475569;
  --c-slate-500:  #64748b;
  --c-slate-400:  #94a3b8;
  /* Neutrals */
  --c-bg:         #f5fbfb;
  --c-surface:    #fbfefe;
  --c-raised:     #edf6f6;
  --c-border:     #ddebec;
  /* Semantic */
  --c-danger:     #dc2626;
  --c-warn:       #d97706;
  --c-success:    #16a34a;
  --c-purple:     #7c3aed;
  /* Dark tier — semantic surfaces remap to these under :root.dark */
  --c-navy-900:   #050f11;
  --c-slate-900:  #0f1c20;
  --c-raised-dark:#13262b;
  --c-ink-dark:   #e2e8f0;
  --c-ink-dark-2: #cbd5e1;
  /* Type — system stack reads better at UI sizes; Montserrat carries display. */
  --font-ui:      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
  --font-display: 'Montserrat', var(--font-ui);
}