/* BB105.1 Design Tokens
   Single visual scale for Badgers Claw Pit. These are semantic tokens only;
   module-specific layout still belongs in each module's module.css. */
:root{
  --bc-radius-xs:6px;
  --bc-radius-sm:8px;
  --bc-radius-md:12px;
  --bc-radius-lg:16px;
  --bc-radius-xl:20px;
  --bc-radius-pill:999px;

  --bc-gap-2xs:3px;
  --bc-gap-xs:6px;
  --bc-gap-sm:8px;
  --bc-gap-md:12px;
  --bc-gap-lg:16px;
  --bc-gap-xl:22px;
  --bc-gap-2xl:28px;

  --bc-card-pad-sm:12px;
  --bc-card-pad:16px;
  --bc-card-pad-lg:20px;
  --bc-header-pad-y:14px;
  --bc-header-pad-x:18px;

  --bc-control-height-sm:32px;
  --bc-control-height:38px;
  --bc-control-height-lg:44px;
  --bc-control-pad-x:12px;

  --bc-icon-xs:18px;
  --bc-icon-sm:24px;
  --bc-icon-md:36px;
  --bc-icon-lg:48px;
  --bc-module-icon:54px;
  --bc-module-icon-lg:64px;

  --bc-font-xs:.75rem;
  --bc-font-sm:.84rem;
  --bc-font-md:.95rem;
  --bc-font-lg:1.08rem;
  --bc-font-xl:1.25rem;

  --bc-line:1px solid var(--panel-border, rgba(148,163,184,.20));
  --bc-line-soft:1px solid var(--panel-border-soft, rgba(148,163,184,.12));
  --bc-line-strong:1px solid var(--panel-border-strong, rgba(148,163,184,.32));

  --bc-bg:var(--panel-bg, #07111f);
  --bc-surface:var(--panel-card, var(--panel-card-bg, rgba(15,23,42,.88)));
  --bc-surface-soft:var(--panel-card-soft, rgba(255,255,255,.035));
  --bc-surface-strong:var(--panel-card-strong, rgba(255,255,255,.065));
  --bc-text:var(--panel-text, #eaf1fb);
  --bc-muted:var(--panel-muted, #9fb0c5);
  --bc-accent:var(--panel-accent, var(--nxt-panel-accent, #58a6ff));
  --bc-accent-soft:color-mix(in srgb, var(--bc-accent) 16%, transparent);
  --bc-ring:0 0 0 2px color-mix(in srgb, var(--bc-accent) 24%, transparent);
  --bc-shadow-sm:0 10px 24px rgba(0,0,0,.18);
  --bc-shadow-md:0 18px 44px rgba(0,0,0,.24);
  --bc-shadow-inner:inset 0 1px 0 rgba(255,255,255,.035);
}