/* Tokens de "La Sala de Montaje" (DESIGN.md) para la app. Un solo ámbar. */
:root {
  color-scheme: dark;

  /* Elevación tonal: sala → consola → consola 2 */
  --bg: #07070a;
  --rail: #0b0b10;
  --raised: #101018;
  --raised-2: #161620;
  --raised-3: #1d1d29;

  --ink: #f3f3f7;
  --dim: #a4a4b2;          /* texto secundario: 7.9:1 sobre --bg */
  --faint: #83838f;        /* terciario, solo ≥ 12px: 5.1:1 sobre --bg */
  --hair: rgba(255, 255, 255, .07);
  --hair-strong: rgba(255, 255, 255, .13);
  --hair-hover: rgba(255, 255, 255, .2);

  --amber: #ffd24a;
  --amber-deep: #f5b301;
  --amber-ink: #07070a;
  --amber-soft: rgba(255, 210, 74, .12);
  --amber-line: rgba(255, 210, 74, .45);
  --amber-mid: rgba(255, 210, 74, .45);

  --danger: #ff8a7a;       /* solo estados de error */
  --danger-soft: rgba(255, 138, 122, .1);

  --font: "Segoe UI Variable Text", "Segoe UI", -apple-system, system-ui, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", -apple-system, system-ui, sans-serif;
  --mono: "Cascadia Mono", Consolas, ui-monospace, monospace;

  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 26px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 22px;
  --pill: 999px;

  --light-top: inset 0 1px 0 rgba(255, 255, 255, .06);
  --shadow-bezel: 0 24px 60px rgba(4, 4, 12, .55);
  --shadow-pop: 0 14px 34px rgba(4, 4, 10, .45);
  --halo-amber: 0 10px 28px rgba(245, 179, 1, .18);

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: 140ms;
  --dur: 200ms;

  --z-sticky: 10;
  --z-overlay: 30;
  --z-toast: 40;
}