/* ============================================================
   MAKKI · TOKENS DE DISEÑO
   Variables de marca. Misma estructura que el sistema de Aolab,
   con la paleta propia del casino (verdes + terracota).
   ============================================================ */

:root {
  /* ---- Marca ---- */
  --mk-ink:       #123528;  /* verde profundo · chrome (appbar/drawer) · texto fuerte */
  --mk-ink-soft:  #1b4a37;  /* un paso más claro · hover del chrome */
  --mk-green:     #146c4e;  /* primario · interacción · nav activo (blanco encima 5,1:1) */
  --mk-green-dark:#0e563e;  /* hover del primario */
  --mk-green-lite:#4fa383;  /* tints / anillos de foco (sin texto blanco encima) */
  --mk-green-rgb: 20,108,78;
  --mk-clay:      #c2410c;  /* terracota · acento / CTA puntual */
  --mk-gold:      #c8961e;  /* acento secundario · uso mínimo (texto ink) */

  /* ---- Neutros (rampa cálida) ---- */
  --mk-white:  #ffffff;
  --mk-base:   #f6f7f4;  /* fondo de página */
  --mk-border: #e0e4de;
  --mk-divider:#edf0ea;
  --mk-mist:   #a9bcb2;  /* texto terciario · muted sobre oscuro · íconos del drawer */
  --mk-muted:  #5a6b63;  /* texto secundario sobre claro (AA) */

  /* ---- Texto ---- */
  --mk-text:         var(--mk-ink);
  --mk-text-muted:   var(--mk-muted);
  --mk-text-on-dark: #ffffff;

  /* ---- Estados ---- */
  --mk-success: #146c4e;
  --mk-info:    #1f6f8b;
  --mk-warning: #e0a030;
  --mk-danger:  #c0392b;

  /* ---- Tipografía ---- */
  --mk-font-display: "Archivo", system-ui, sans-serif;
  --mk-font-text:    "Hanken Grotesk", system-ui, sans-serif;
  --mk-font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* ---- Radios ---- */
  --mk-radius-sm:   6px;
  --mk-radius-md:   10px;
  --mk-radius-lg:   16px;
  --mk-radius-pill: 999px;

  /* ---- Elevación ---- */
  --mk-shadow-sm: 0 1px 2px rgba(18,53,40,.06), 0 1px 3px rgba(18,53,40,.05);
  --mk-shadow-md: 0 4px 12px rgba(18,53,40,.08), 0 2px 4px rgba(18,53,40,.05);
  --mk-shadow-lg: 0 12px 32px rgba(18,53,40,.12), 0 4px 8px rgba(18,53,40,.06);
}