/*
 * Juno — Spacing, Radius & Shadow Tokens
 */

:root {
  /* ─ Border radius ─ */
  --r-sm:  4px;   /* chips, kbd, small badges */
  --r:     6px;   /* cards, inputs, project rows */
  --r-lg: 10px;   /* composer box, dropdowns, reader panel */
  --r-pill: 999px; /* status pills, focus pill */

  /* ─ Layout widths ─ */
  --rail-w:    280px;   /* left sidebar */
  --r-rail-w:  310px;   /* right sidebar */
  --thread-w:  720px;   /* max-width for conversation thread */
  --thread-focus-w: 840px; /* max-width in focus mode */

  /* ─ Z-index scale ─ */
  --z-reader:  150;
  --z-focus:   400;
  --z-dropdown: 300;

  /* ─ Shadows (light themes) ─ */
  --shd:    0 1px 2px oklch(28% 0.01 70 / 0.06),
            0 4px 12px oklch(28% 0.01 70 / 0.04);
  --shd-lg: 0 2px 4px oklch(28% 0.01 70 / 0.08),
            0 18px 48px oklch(28% 0.01 70 / 0.10);

  /* ─ Spacing scale ─ */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;

  /* ─ Transitions ─ */
  --ease-std:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:  0.12s;
  --dur-std:   0.2s;
  --dur-slow:  0.32s;
}

/* Dark-mode shadow overrides */
[data-theme="dusk"] {
  --shd:    0 1px 3px oklch(10% 0.01 55 / 0.14), 0 4px 14px oklch(10% 0.01 55 / 0.09);
  --shd-lg: 0 2px 6px oklch(10% 0.01 55 / 0.18), 0 20px 50px oklch(10% 0.01 55 / 0.13);
}
[data-theme="obsidian"] {
  --shd:    0 1px 3px oklch(5% 0.02 260 / 0.65), 0 4px 16px oklch(5% 0.02 260 / 0.45);
  --shd-lg: 0 4px 8px oklch(5% 0.02 260 / 0.75), 0 24px 56px oklch(5% 0.02 260 / 0.6);
}
[data-theme="embers"] {
  --shd:    0 1px 3px oklch(5% 0.03 48 / 0.65), 0 4px 16px oklch(5% 0.03 48 / 0.45);
  --shd-lg: 0 4px 8px oklch(5% 0.03 48 / 0.75), 0 24px 56px oklch(5% 0.03 48 / 0.6);
}
[data-theme="pitch"] {
  --shd:    0 1px 3px oklch(3% 0.005 55 / 0.72), 0 4px 16px oklch(3% 0.005 55 / 0.52);
  --shd-lg: 0 4px 10px oklch(3% 0.005 55 / 0.82), 0 28px 64px oklch(3% 0.005 55 / 0.68);
}