/* ============================================================
   NEXORA · App Theme / Variables
   ------------------------------------------------------------
   App-layer STRUCTURAL tokens only.

   All color, type, spacing, radius, shadow, glass and glow
   tokens come from the LANDING design system at
   ../../css/base/variables.css (+ depth/glass/hover-glow
   finishing layers) — the single source of truth.

   Nothing here should ever re-declare brand colors or
   typography scales. Screens and components consume both
   sets of tokens.
   ============================================================ */

:root {
  /* Persistent shell geometry */
  --sb-w: 250px;                 /* sidebar width (expanded)    */
  --sb-w-rail: 78px;             /* sidebar width (icon rail)   */
  --sb-slot: var(--sb-w);        /* space reserved beside shell */
  --sb-edge: clamp(0.8rem, 1.6vw, 1rem);

  --tb-top: clamp(0.7rem, 1.4vw, 1.05rem);  /* top dock float offset */
  --tb-h: 62px;                             /* top dock height       */
  --tb-side: clamp(1rem, 2.4vw, 2rem);      /* viewport side padding */

  /* Content region — fluid, no hard max; right gap matches left */
  --app-maxw: 1600px;
  --content-gutter: clamp(1rem, 1.4vw, 1.4rem);
  --card-pad: clamp(1.1rem, 1rem + 0.6vw, 1.5rem);

  --shell-enter: 0.55s;
  --sb-anim: 0.42s cubic-bezier(0.32, 0.72, 0, 1);
}