/*  Font-size scale presets  */
:root {
  --fs-scale: 1;
  --rack-gap: 6px;
  --section-gap: 28px;
  --font-ui:   'Noto Sans', sans-serif;
  --font-mono: 'Noto Sans Mono', monospace;
}

[data-font-size="small"]  { --fs-scale: 0.85; }
[data-font-size="medium"] { --fs-scale: 1;    }
[data-font-size="large"]  { --fs-scale: 1.22; }

:root, [data-font-size="small"], [data-font-size="medium"], [data-font-size="large"] {
  --level-h:  calc(46px * var(--fs-scale));
  --pallet-w: calc(62px * var(--fs-scale));
  --pallet-id-size: calc(12px * var(--fs-scale));
}

/*  Reset & Base  */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text-primary);
  font-family: var(--font-ui);
  min-height: 100vh;
  transition: background 0.25s, color 0.25s;
}