/* ─────────────────────────────────────────────────
   Yoga Studio — Design Tokens
   Source of truth: theme.rs · colors.rs · render/*.rs
   ───────────────────────────────────────────────── */

:root{
  /* —— Brand-book chrome (Mirage-inspired dark hub) —— */
  --hub-bg:#0B0B0E;
  --hub-surface:#14151A;
  --hub-raised:#1C1D23;
  --hub-border:rgba(255,255,255,0.08);
  --hub-borderS:rgba(255,255,255,0.14);
  --hub-fg0:#F4F4F5;
  --hub-fg1:#D7D8DB;
  --hub-fg2:#878B91;
  --hub-fg3:#555860;
  --hub-amber:#FBB26A;
  --hub-blue:#6DB8F5;
  --hub-mint:#78D2AA;
  --hub-rose:#F4A6C7;

  --hub-display:'Space Grotesk',sans-serif;
  --hub-mono:'JetBrains Mono',monospace;
  --hub-sans:'Inter Tight',sans-serif;

  /* —— Yoga app — Rose theme (hero theme) —— */
  --rose-bg:#f8e8f0;
  --rose-bg-content:#fff5fa;
  --rose-card-bg:rgba(255,255,255,0.4);
  --rose-card-hover:rgba(255,255,255,0.5);
  --rose-card-pressed:rgba(252,228,238,0.6);
  --rose-card-border:rgba(255,255,255,0.5);
  --rose-shadow:#e91e8c;
  --rose-tab-bg:#fdf2f8;
  --rose-text-primary:#2d2d2d;
  --rose-text-secondary:#9d6b8a;
  --rose-accent:#e91e8c;
  --rose-success:#db2777;
  --rose-warning:#c2559a;
  --rose-danger:#be185d;
  --rose-divider:#f0c8dc;

  /* Pastel category colors (Rose / Light) */
  --pastel-lavender:#c4b5fd;
  --pastel-pink:#f9a8d4;
  --pastel-mint:#a7f3d0;
  --pastel-mint-2:#bbf7d0;
  --pastel-amber:#fde68a;
  --pastel-peach:#fed7aa;
  --pastel-rose:#fecaca;
  --pastel-sky:#bae6fd;

  /* News badge colors (Rose) */
  --rose-badge-yellow:#ffd54f;
  --rose-badge-pink:#f9a8d4;
  --rose-badge-lavender:#c4b5fd;
  --rose-badge-glass:#fce4ec;

  /* —— Yoga app — Dark theme (default) —— */
  --dark-bg:#1a1b26;
  --dark-card:#24253a;
  --dark-card-hover:#2a2b42;
  --dark-card-pressed:#1e1f32;
  --dark-card-border:#2a2b36;
  --dark-tab-bg:#16171f;
  --dark-text-primary:#c0caf5;
  --dark-text-secondary:#565f89;
  --dark-accent:#7aa2f7;
  --dark-success:#9ece6a;
  --dark-warning:#e0af68;
  --dark-danger:#f7768e;
  --dark-divider:#2f3048;

  /* Yoga fonts */
  --yoga-display:'Nunito',sans-serif;
  --yoga-mono:'Space Mono',monospace;

  /* Spacing (from constants in lib.rs) */
  --card-pad:12px;
  --card-radius:12px;
  --card-radius-rose:20px;
  --card-gap:6px;
  --card-gap-rose:12px;
  --content-pad-x:8px;
  --content-pad-x-rose:24px;
  --tab-bar-h:56px;
  --tab-bar-h-rose:72px;
  --class-card-h:88px;
  --mini-class-card-h:80px;
  --online-card-h:120px;
  --news-card-h:80px;
  --news-card-h-rose:120px;
  --profile-header-h:162px;
  --sub-tab-bar-h:44px;
}

/* Global reset for hub pages */
*{box-sizing:border-box}
html,body{margin:0;padding:0}

/* Themed scrollbars — dark, amber-tinted */
html::-webkit-scrollbar{width:12px;height:12px}
html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{background:rgba(251,178,106,0.25);border:3px solid transparent;border-radius:9px;background-clip:padding-box}
::-webkit-scrollbar { width: 8px; height: 8px; background: transparent; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(251,178,106,0.22); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(251,178,106,0.4); }
::-webkit-scrollbar-corner { background: transparent; }