/* La Forja de Ideas · tokens (fuente: Claude Design, tablero 7) */
:root {
  /* Color */
  --bg: #ffffff;
  --surface: #f7f7f7;
  --line: #e5e5e5;
  --text: #0d0d0d;
  --text-2: #6b6b6b;
  --ink: #000000;
  --disabled-bg: #e5e5e5;
  --disabled-fg: #a8a8a8;
  --dash: #cfcfcf;
  --overlay: rgba(10, 10, 10, .82);
  --scrim: rgba(10, 10, 10, .32);

  /* Brasas: días sin tocar */
  --ember-0: #0d0d0d;   /* < 7   */
  --ember-1: #6b6b6b;   /* 7–14  */
  --ember-2: #a8a8a8;   /* 14–30 */
  --ember-3: #cfcfcf;   /* > 30  */

  /* Bolitas de yunque */
  --anvil-1: #e4572e;
  --anvil-2: #f3a712;
  --anvil-3: #29b36b;
  --anvil-4: #3a86ff;
  --anvil-5: #8338ec;
  --anvil-6: #ff5d8f;

  /* Tipografía */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-title: 28px;   --lh-title: 36px;
  --fs-body: 16px;    --lh-body: 24px;
  --fs-sm: 14px;      --lh-sm: 20px;
  --fs-xs: 13px;
  --fs-2xs: 12px;
  --fs-nav: 11px;
  --fs-overlay: 32px;

  /* Espaciado */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;
  --gutter: 16px;

  /* Radios */
  --r-sm: 8px; --r-md: 14px; --r-lg: 24px; --r-pill: 999px;

  /* Sombras */
  --sh-composer: 0 1px 2px rgba(0,0,0,.04), 0 6px 24px rgba(0,0,0,.06);
  --sh-float: 0 8px 24px rgba(0,0,0,.18);
  --sh-drag: 0 16px 40px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.08);
  --sh-sheet: 0 -8px 40px rgba(0,0,0,.14);

  /* Movimiento */
  --blur: saturate(140%) blur(18px);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 180ms;
  --t-base: 200ms;
  --t-sheet: 320ms;

  /* Estructura */
  --appbar-h: 56px;
  --tabbar-h: 64px;
  --sidebar-w: 240px;
  --orbit: 145px;
}