/**
 * @file
 * Radii, borders, shadows, transitions and layout tokens for SSE Theme.
 *
 * Ported from the SSE Formation Design System (tokens/spacing.css).
 * The spacing scale itself (--sp, --sp0-5, --sp2 …) is inherited from Olivero;
 * this file only adds the tokens Olivero does NOT provide. Shadows are composed
 * against --color-fg so they deepen correctly in dark mode.
 *
 * Kept UNLAYERED so it reliably wins over the parent theme where they overlap.
 */

:root {
  /* ── Radii ────────────────────────────────────────────────────── */
  --radius-sm: 4px;     /* buttons, inputs, info chips */
  --radius-md: 6px;     /* session info items, banners */
  --radius-lg: 8px;     /* panels, modals, headers, images */
  --radius-xl: 15px;    /* cards (SDC) */
  --radius-pill: 999px; /* badges, tags */
  --radius-full: 50%;   /* avatars, icon buttons */

  /* ── Borders ──────────────────────────────────────────────────── */
  --border-width: 1px;
  --border-width-accent: 3px; /* left-accent on session/date blocks */
  --border-width-card: 6px;   /* card hover inline-start reveal */

  /* ── Shadows (composed against --color-fg for theme awareness) ── */
  --shadow-xs: 0 1px 2px color-mix(in oklab, var(--color-fg) 6%, transparent);
  --shadow-sm: 0 2px 4px color-mix(in oklab, var(--color-fg) 10%, transparent);
  --shadow-md: 0 4px 12px color-mix(in oklab, var(--color-fg) 12%, transparent);
  --shadow-card-hover: 0 0 27px 0 color-mix(in oklab, var(--color-fg) 10%, transparent);
  --shadow-modal: 0 10px 40px color-mix(in srgb, var(--color-fg) 30%, transparent);

  /* ── Transitions ──────────────────────────────────────────────── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* ── Layout ───────────────────────────────────────────────────── */
  --max-width-wide: 1440px;       /* SSE "wide" section (--max-width inherited) */
  --container-padding: var(--sp);
}