/* layout.css — radii, shadows, spacing, motion. Global (theme-independent). */

:root{
  /* corner radii */
  --vo-radius:14px;        /* cards, KPI tiles, modals base */
  --vo-radius-sm:9px;      /* buttons, inputs, inner tiles, nav items */
  --vo-radius-xs:7px;      /* badges, pills, tags, kbd */
  --vo-radius-pill:20px;   /* market status capsule */

  /* spacing scale (4px base grid) */
  --vo-sp-1:4px;
  --vo-sp-2:8px;
  --vo-sp-3:12px;
  --vo-sp-4:14px;          /* default grid gap */
  --vo-sp-5:16px;          /* card gap */
  --vo-sp-6:18px;          /* card padding */
  --vo-sp-7:22px;
  --vo-sp-8:26px;          /* page horizontal padding */

  /* control heights */
  --vo-h-btn:38px;
  --vo-h-input:38px;
  --vo-h-tool:32px;        /* secondary tool buttons */
  --vo-h-topbar:60px;
  --vo-w-sidebar:236px;

  /* elevation (shadows resolve fully per-theme via --vo-card-shadow;
     these are the structural primitives) */
  --vo-shadow-modal:0 24px 70px rgba(8,12,20,.32);
  --vo-shadow-toast:0 12px 30px rgba(8,12,20,.3);
  --vo-shadow-pop:0 12px 30px rgba(8,12,20,.18);

  /* motion */
  --vo-ease:cubic-bezier(.2,.7,.3,1); /* @kind other */
  --vo-dur-fast:.12s; /* @kind other */
  --vo-dur:.14s; /* @kind other */
  --vo-dur-pop:.16s; /* @kind other */
}