/* Galileo Geometría Viva — tokens de diseño (Fibonacci)
   Espaciado 2·3·5·8·13·21·34·55·89 · Radios 8·13·21 · Tiempos 89…987 ms */
:root{
  /* marca (extraída del logo) */
  --naranja:#E84C18; --ambar:#FC7C00; --naranja-texto:#C2380B;
  --tinta:#1E1411; --crema:#FFF7F1; --carbon:#17100D; --piel:#FFC9A3;
  --ok:#2E9E5B; --error:#C42B1C;

  /* espaciado */
  --f2:2px; --f3:3px; --f5:5px; --f8:8px; --f13:13px; --f21:21px; --f34:34px; --f55:55px; --f89:89px;
  /* radios */
  --r8:8px; --r13:13px; --r21:21px;
  /* duraciones */
  --d89:89ms; --d144:144ms; --d233:233ms; --d377:377ms; --d610:610ms; --d987:987ms;
  /* easing */
  --e-in:cubic-bezier(.2,.9,.3,1);
  --e-move:cubic-bezier(.4,0,.2,1);
  /* resorte (rigidez 220, amortiguación 22) muestreado para d610 */
  --e-spring:linear(0, 0.069, 0.222, 0.403, 0.576, 0.722, 0.837, 0.919, 0.974, 1.007, 1.024, 1.031, 1.03, 1.026, 1.021, 1.015, 1.01, 1.006, 1.003, 1.001, 1, 0.999, 1);
  /* tipografía */
  --t13:13px; --t16:16px; --t21:21px; --t34:34px; --t55:55px;
  --ff-title:'Rubik',system-ui,sans-serif;
  --ff-body:'Figtree',system-ui,sans-serif;
  --ff-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  /* proporción áurea del taller */
  --aurea-visor:61.8fr; --aurea-panel:38.2fr;
}

/* tema claro (por defecto) */
.g{
  color-scheme:light;
  --bg:#FFF7F1; --surface:#FFFDFB; --surface-2:#FBEEE4; --surface-3:#F4DECF;
  --line:#EBD5C6; --line-strong:#CDB09D;
  --text:#1E1411; --text-2:#5A453B; --text-3:#745C50;
  --accent-text:#C2380B; --primary:#E84C18; --primary-hover:#F25A28; --on-primary:#1E1411;
  --ok-text:#17613A; --ok-bg:rgba(46,158,91,.14); --error-text:#A3220F; --error-bg:rgba(196,43,28,.10);
  --ring:#1E1411; --glass:rgba(255,247,241,.7); --scrim:rgba(30,20,17,.42);
  --viewer:#2A1E18; --viewer-line:rgba(255,201,163,.28);
  --shadow-sm:0 1px 2px rgba(120,50,20,.06),0 3px 8px rgba(120,50,20,.05);
  --shadow-md:0 1px 2px rgba(120,50,20,.06),0 5px 13px rgba(120,50,20,.08),0 21px 34px -13px rgba(120,50,20,.14);
  --shadow-lg:0 2px 5px rgba(120,50,20,.08),0 13px 34px rgba(120,50,20,.12),0 55px 89px -21px rgba(120,50,20,.22);
  --mesh:radial-gradient(55% 45% at 6% 0%,rgba(252,124,0,.17),transparent 72%),radial-gradient(46% 42% at 100% 6%,rgba(232,76,24,.12),transparent 72%),radial-gradient(60% 50% at 62% 104%,rgba(255,201,163,.45),transparent 72%);
  --pieza-1:#E84C18; --pieza-2:#FC7C00; --pieza-3:#1E1411; --pieza-4:#FFC9A3;
}
/* tema oscuro */
.g.dark{
  color-scheme:dark;
  --bg:#17100D; --surface:#211813; --surface-2:#2A1E18; --surface-3:#37281F;
  --line:#3E2E26; --line-strong:#6A5244;
  --text:#FFF1E6; --text-2:#DCC5B6; --text-3:#B79F90;
  --accent-text:#FC7C00; --primary:#E84C18; --primary-hover:#F25A28; --on-primary:#1E1411;
  --ok-text:#6FD39A; --ok-bg:rgba(46,158,91,.2); --error-text:#FF8A78; --error-bg:rgba(196,43,28,.22);
  --ring:#FFC9A3; --glass:rgba(23,16,13,.62); --scrim:rgba(0,0,0,.6);
  --viewer:#120C09; --viewer-line:rgba(255,201,163,.22);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 3px 8px rgba(0,0,0,.22);
  --shadow-md:0 1px 2px rgba(0,0,0,.35),0 5px 13px rgba(0,0,0,.3),0 21px 34px -13px rgba(0,0,0,.5);
  --shadow-lg:0 2px 5px rgba(0,0,0,.4),0 13px 34px rgba(0,0,0,.4),0 55px 89px -21px rgba(0,0,0,.6);
  --mesh:radial-gradient(55% 45% at 6% 0%,rgba(252,124,0,.16),transparent 72%),radial-gradient(46% 42% at 100% 6%,rgba(232,76,24,.14),transparent 72%),radial-gradient(60% 50% at 62% 104%,rgba(255,201,163,.07),transparent 72%);
  --pieza-3:#FFF1E6;
}