/*
  Variables de diseño de Mouteek
  Copiadas directamente del prototipo (mouteek-prototipo.html).
  Este archivo se carga primero, antes que cualquier otro CSS del tema,
  para que --ink, --verify, etc. estén disponibles en todos los demás estilos.
*/
:root{
  /* Titanio, medianoche y un solo verde: el verde aparece únicamente cuando algo está verificado. */
  --bg:#ECEEF0; --surface:#F8F9FA; --surface-2:#E2E6EA;
  --ink:#16202B; --ink-2:#4B5867; --line:#CAD1D8;
  --dark:#16202B; --dark-2:#1E2B39; --dark-line:#34475A; --on-dark:#EAF0F5; --on-dark-2:#A9B7C5;
  --verify:#0B7A55; --verify-soft:#D5EEE3; --verify-bright:#52E0A5;
  --error:#B42318; --error-soft:#FBE4E1; --focus:#1F5FFF;
  --amber:#7A4A00; --amber-soft:#F6E7C8;

  /* Cromo: acero pulido con reflejos */
  /* Aluminio cepillado (como la tapa de una MacBook Air): bandas de luz graduales, sombreado vertical y veta fina */
  --metal-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='140'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 1.1' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.16  0 0 0 0 0.20  0 0 0 0 0.26  0 0 0 0.55 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --metal-shade:linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.12) 42%,rgba(52,62,74,.12) 100%);
  --metal-bands:linear-gradient(90deg,#CDD3D9 0%,#E6EAEE 14%,#D5DAE0 30%,#F1F3F6 47%,#DADFE4 63%,#EBEEF1 80%,#CBD1D8 100%);
  --metal:var(--metal-grain),var(--metal-shade),var(--metal-bands);
  --chrome:#79828D;
  --chrome-line:linear-gradient(90deg,#59616B 0%,#B0B7BF 16%,#7C848E 32%,#BEC4CB 50%,#6A727C 68%,#AFB6BE 84%,#59616B 100%);
  --chrome-grad:linear-gradient(135deg,#59616B 0%,#B0B7BF 24%,#7C848E 48%,#C0C6CD 66%,#656D77 84%,#9CA4AC 100%);

  --font-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --font-body:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --maxw:1180px;
}