/* =====================================================================
   SYSTEM SIRIUS — DESIGN TOKENS
   Paleta, tipografía y escala de espaciado (base 8px, 4px solo micro-ajustes)
   ===================================================================== */
:root{
  /* Color */
  --ink:#0B0E14;
  --ink-soft:#1A2130;
  --canvas:#FAFBFC;
  --surface:#FFFFFF;
  --line:#E8EAED;
  --line-soft:#F0F1F3;
  --brand:#106AE0;
  --brand-dim:rgba(16,106,224,.10);
  --bronze:#B08D57;
  --bronze-dim:rgba(176,141,87,.14);
  --danger:#C4432E;
  --danger-dim:rgba(196,67,46,.09);
  --success:#1D9E75;
  --success-dim:rgba(29,158,117,.1);
  --text1:#12151C;
  --text2:#5C6472;
  --text3:#9AA1AC;

  /* Tipografía — tres roles: display / interfaz / datos-código */
  --disp:'Space Grotesk',sans-serif;
  --ui:'IBM Plex Sans',sans-serif;
  --mono:'IBM Plex Mono',monospace;

  /* Layout */
  --sidebar-w:236px;
  --sidebar-w-collapsed:64px;

  /* Espaciado — escala base 8px */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:40px; --sp-8:48px;
}