/* ============================================================
   Kinesis Estudio — Color tokens
   Per Brand Book (Tipografías y colores · p.016).
   PRIMARIOS  — carácter activo: movimiento, transformación, cercanía.
     Coral dinámico  (energía / creatividad / movimiento)
     Ciruela oscura  (valor / pasión / adaptación)
     Lavanda grisácea(inspirador / transformación / evolución)
   SECUNDARIOS — soporte: confianza, formalidad, equilibrio.
     Azul fluido     (conexión / confianza / formalidad)
     Beige cálido    (crecimiento / renovación / estética)
   NEUTROS — base del sistema: Blanco (#FFFFFF) y Negro (#303231).
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --coral: #ED5F4C;       /* primary accent — the "Estudio" energy */
  --coral-600: #D94733;   /* pressed / deeper coral */
  --coral-300: #F4917F;   /* tints, hovers on dark */

  --ciruela: #5A0E35;     /* plum — primary deep brand color */
  --ciruela-700: #45072A; /* darkest plum */
  --ciruela-400: #842355; /* lighter plum for accents */

  --lavanda: #A29BFE;     /* lavender — PRIMARIO (inspirador/transformación) */
  --lavanda-600: #7E74F0; /* deeper lavender */
  --lavanda-200: #CFCBFF; /* pale lavender wash */

  /* ---- Brand secondary (corporate / sober contexts) ---- */
  --azul: #0B1B60;        /* azul fluido — conexión, confianza, formalidad */
  --azul-800: #060F3D;    /* darkest navy */
  --azul-400: #2C3C86;    /* lifted navy for accents on dark */

  --beige: #CCAE85;       /* beige cálido — crecimiento, renovación, estética */
  --beige-600: #A98A60;   /* deeper beige */
  --beige-200: #E6D6BC;   /* pale beige wash */

  --charcoal: #303231;    /* Negro — elegante y sobrio (logo "Kinesis") */

  /* ---- Neutrals ---- */
  --ink-900: #1C1D1C;
  --ink-700: #303231;
  --ink-500: #5C5E5C;
  --ink-300: #9A9C9A;
  --ink-200: #C9CAC8;
  --ink-100: #E6E6E3;
  --paper:   #F7F5F1;     /* warm off-white — the brand "page" */
  --paper-pure: #FFFFFF;

  /* ---- Signature gradient (coral → plum → lavender mesh) ---- */
  --gradient-mesh: radial-gradient(120% 120% at 12% 90%, var(--coral) 0%, transparent 45%),
                   radial-gradient(110% 110% at 88% 12%, var(--lavanda) 0%, transparent 50%),
                   linear-gradient(135deg, var(--ciruela-700) 0%, var(--ciruela) 55%, var(--lavanda-600) 100%);
  --gradient-warm: linear-gradient(135deg, var(--coral) 0%, var(--ciruela) 100%);
  --gradient-cool: linear-gradient(135deg, var(--ciruela) 0%, var(--lavanda) 100%);

  /* ---- Semantic aliases ---- */
  --bg-page: var(--paper);
  --bg-surface: var(--paper-pure);
  --bg-inverse: var(--ciruela);
  --bg-accent: var(--coral);

  --text-strong: var(--charcoal);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-on-accent: var(--paper-pure);
  --text-on-dark: var(--paper);

  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong: var(--charcoal);

  --accent: var(--coral);
  --accent-hover: var(--coral-600);
  --focus-ring: var(--lavanda-600);

  --success: #2F8F5B;
  --warning: #E0A23B;
  --danger: #D94733;
}