/*
 * Aura powered Nikoi Club — tokens de diseño.
 * Única fuente de colores de la aplicación. Origen de cada valor: docs/sistema-de-diseno.md
 */
:root {
  /* Marca (extraídos de los logos oficiales) */
  --nk-bronze: #b0865b;          /* logotipo NIKOI CLUB — color de marca */
  --nk-bronze-strong: #8d6942;   /* bronce con contraste AA para texto */
  --nk-bronze-hover: #9b744b;
  --nk-ivory: #f3f0e9;           /* marfil del logotipo y fondo del isotipo */
  --nk-black: #050505;           /* negro estructural de las piezas de marca */
  --nk-green-brand: #205e37;     /* aro del isotipo */
  --nk-sage: #445f4e;            /* isotipo sobre marfil */

  /* Dominio de entrenamiento (acción principal) */
  --nk-green: #245d43;
  --nk-green-strong: #183d2e;
  --nk-green-tint: rgba(36, 93, 67, 0.08);
  --nk-green-line: rgba(36, 93, 67, 0.22);

  /* Dominio clínico (Aura / indicaciones médicas) */
  --nk-clinical: var(--nk-bronze);
  --nk-clinical-text: var(--nk-bronze-strong);
  --nk-clinical-tint: rgba(176, 134, 91, 0.1);
  --nk-clinical-line: rgba(176, 134, 91, 0.32);

  /* Superficies */
  --nk-canvas: var(--nk-ivory);
  --nk-surface: #ffffff;
  --nk-surface-2: #f8f6f1;
  --nk-surface-3: #efebe3;
  --nk-shell: #31312c;           /* rail de navegación */
  --nk-shell-2: #3c3c36;
  --nk-shell-line: rgba(243, 240, 233, 0.1);

  /* Texto */
  --nk-text-strong: var(--nk-black);
  --nk-text: #1a1a1a;
  --nk-text-muted: #6b675f;      /* ajustado desde #77736D para AA sobre marfil */
  --nk-text-inverse: var(--nk-ivory);
  --nk-text-inverse-muted: #b9b4aa;

  /* Bordes */
  --nk-border: #e5e1d8;
  --nk-border-strong: #cfc9bc;
  --nk-divider: #efebe3;

  /* Estados */
  --nk-success: #2e7d52;
  --nk-success-tint: rgba(46, 125, 82, 0.1);
  --nk-warning: #c27803;
  --nk-warning-text: #8a5502;
  --nk-warning-tint: rgba(194, 120, 3, 0.1);
  --nk-danger: #a83232;
  --nk-danger-tint: rgba(168, 50, 50, 0.06);
  --nk-info: var(--nk-sage);
  --nk-info-tint: rgba(68, 95, 78, 0.1);

  /* Forma y profundidad */
  --nk-radius-sm: 6px;
  --nk-radius: 8px;
  --nk-radius-md: 12px;
  --nk-radius-lg: 16px;
  --nk-radius-xl: 24px;
  --nk-shadow-float: 0 4px 16px -2px rgba(5, 5, 5, 0.06);
  --nk-shadow-modal: 0 12px 32px -4px rgba(5, 5, 5, 0.14);
  --nk-focus: 0 0 0 3px rgba(36, 93, 67, 0.28);

  /* Tipografía */
  --nk-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Espaciado */
  --nk-gutter: 1.5rem;
  --nk-margin: 2.5rem;
  --nk-rail: 264px;
  --nk-touch: 48px;

  --nk-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 767px) {
  :root {
    --nk-gutter: 1rem;
    --nk-margin: 1.25rem;
  }
}