/* Diamante V2: registro Editorial oscuro (Ohio / ASSDEN) aplicado a la herramienta.
   Tema oscuro por defecto; tema claro con html[data-theme="light"] para uso bajo sol. */
:root{
  /* superficies */
  --bg:#111013; --surface:#18171B; --sunken:#201F24; --hover:#1D1C21; --selected:#262529;
  /* tinta crema */
  --ink:#E6E5D7; --ink-2:rgba(230,229,215,.76); --ink-3:rgba(230,229,215,.54); --ink-4:rgba(230,229,215,.32); --on-ink:#111013;
  /* marca: botón primario crema que al hover se vuelve rojo */
  --brand:#E6E5D7; --brand-hover:#D91842; --on-brand-hover:#FFFFFF;
  /* acento rojo Ohio: activo, foco, bateador al bat, outs */
  --accent:#D91842; --accent-soft:rgba(217,24,66,.16); --accent-ink:#FF7A94; --accent-2:#7646DD;
  --wash-away:#D91842; --wash-home:#3B6CF0; --wash-alpha:34%;
  /* estados */
  --ok:#3FC27E; --ok-bg:rgba(41,163,102,.16); --warn:#F39A3E; --warn-bg:rgba(236,128,19,.16);
  --bad:#FF4D6D; --bad-bg:rgba(217,24,66,.18); --info:#B49CFF; --info-bg:rgba(118,70,221,.2);
  /* hairlines */
  --line:rgba(230,229,215,.1); --line-strong:rgba(230,229,215,.2);
  --ring:inset 0 0 0 1px var(--line); --ring-strong:inset 0 0 0 1px var(--line-strong);
  --ring-focus:inset 0 0 0 1.5px var(--ink); --ring-bad:inset 0 0 0 1.5px var(--bad);
  /* rail */
  --rail-bg:#0B0B0D; --rail-fg:rgba(230,229,215,.5); --rail-hover:rgba(230,229,215,.07); --rail-w:76px; --header-h:64px;
  /* radios Ohio: 14 base, 16 botones, 28 paneles, 35 modales */
  --r-xs:7px; --r-sm:10px; --r-md:14px; --r-btn:16px; --r-lg:22px; --r-xl:28px; --r-sheet:35px; --r-pill:999px;
  /* espacio base 4 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s12:48px;
  /* sombras profundas Ohio, solo en lo que flota */
  --shadow-float:0 24px 60px -24px rgba(0,0,0,.6);
  --shadow-modal:12px 12px 50px rgba(0,0,0,.45);
  --scrim:rgba(17,16,19,.62);
  /* movimiento: curva Ohio para color y hover, out para paneles, pop para micro */
  --ease-ohio:cubic-bezier(.645,.045,.355,1); --dur-ohio:350ms;
  --ease-std:cubic-bezier(.4,0,.2,1); --dur-color:200ms;
  --ease-pop:cubic-bezier(.34,1.56,.64,1); --dur-pop:260ms;
  --ease-out:cubic-bezier(.16,1,.3,1); --dur-panel:520ms;
  --ease-title:cubic-bezier(.19,1,.22,1);
  --scale-hover:scale3d(1.04,1.04,1.04);
  --strip-h:72px; --gutter:16px; --control:44px; --control-lg:68px;
  --team-1:#4F8BFF; --team-2:#D91842; --team-3:#3FC27E; --team-4:#F39A3E; --team-5:#7646DD; --team-6:#22B8CF; --team-7:#E6E5D7; --team-8:#FF5FA2;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-title:"DM Sans","Inter",-apple-system,sans-serif;
  --grain:.055;
  color-scheme:dark;
}
html[data-theme="light"], .theme-light{
  --bg:#F6F5F0; --surface:#FFFFFF; --sunken:#ECEBE4; --hover:#F1F0EA; --selected:#E7E6DF;
  --wash-alpha:20%;
  --ink:#111013; --ink-2:rgba(17,16,19,.74); --ink-3:rgba(17,16,19,.54); --ink-4:rgba(17,16,19,.34); --on-ink:#E6E5D7;
  --brand:#111013; --brand-hover:#D91842; --on-brand-hover:#FFFFFF;
  --accent:#D91842; --accent-soft:rgba(217,24,66,.12); --accent-ink:#A8102F;
  --ok:#1F8F55; --ok-bg:rgba(41,163,102,.14); --warn:#B8600E; --warn-bg:rgba(236,128,19,.14);
  --bad:#C4133B; --bad-bg:rgba(217,24,66,.14); --info:#5B3BB5; --info-bg:rgba(118,70,221,.14);
  --line:rgba(17,16,19,.1); --line-strong:rgba(17,16,19,.2);
  --rail-bg:#111013; --rail-fg:rgba(230,229,215,.55);
  --shadow-float:0 24px 60px -28px rgba(17,16,19,.35);
  --shadow-modal:12px 12px 50px rgba(17,16,19,.22);
  --scrim:rgba(17,16,19,.4);
  --team-7:#111013;
  --grain:.035;
  color-scheme:light;
}