/* =====================================================================
   Ureka design tokens -- extracted directly from the marketing site's
   BaseLayout.astro (https://urekastreamstudio.com), the visual source of
   truth for this redesign pass.

   Scoped under a `uss2-` prefix so nothing here collides with, overrides,
   or is overridden by the app's existing token generations in app.css
   (--bg/--accent, --uss-*, --color-*, --lux-*, --ds-*, --v10-*). This file
   is purely additive: it does not remove or rename any existing variable,
   so nothing already depending on the old tokens can break. Consolidating
   the older token layers is a separate, later cleanup -- flagged in the
   audit, not attempted in this pass.
   ===================================================================== */
:root{
  /* Surfaces */
  --uss2-navy-950:#050b14;
  --uss2-navy-900:#07111f;
  --uss2-navy-850:#0a1627;
  --uss2-navy-800:#0e1d31;
  --uss2-navy-700:#16304d;

  /* Brand accents */
  --uss2-blue-500:#3a8cff;
  --uss2-blue-400:#69a8ff;
  --uss2-violet-500:#7567ff;
  --uss2-gold-500:#e4ae35;
  --uss2-gold-400:#f2c25b;

  /* Text */
  --uss2-text:#f5f7fb;
  --uss2-muted:#a8b4c6;
  --uss2-faint:#7d8a9c;

  /* Lines / surfaces */
  --uss2-line:rgba(255,255,255,.10);
  --uss2-line-strong:rgba(255,255,255,.16);
  --uss2-surface:rgba(255,255,255,.055);
  --uss2-surface-strong:rgba(255,255,255,.09);

  /* Semantic status -- kept distinct from decorative brand accents */
  --uss2-success:#2bd576;
  --uss2-success-soft:rgba(43,213,118,.12);
  --uss2-warning:#f2c25b;
  --uss2-warning-soft:rgba(242,194,91,.12);
  --uss2-danger:#ff5f73;
  --uss2-danger-soft:rgba(255,95,115,.12);
  --uss2-info:#69a8ff;
  --uss2-info-soft:rgba(105,168,255,.12);

  /* Radii, shadow, motion -- matches marketing's --radius-sm/md/lg */
  --uss2-radius-sm:12px;
  --uss2-radius-md:16px;
  --uss2-radius-lg:22px;
  --uss2-shadow-sm:0 8px 24px rgba(0,0,0,.28);
  --uss2-shadow-md:0 24px 70px rgba(0,0,0,.38);
  --uss2-ease:.18s ease;

  /* Typography -- same stack as the marketing site */
  --uss2-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* Spacing scale, used by new/redesigned shell markup only */
  --uss2-space-1:4px;
  --uss2-space-2:8px;
  --uss2-space-3:12px;
  --uss2-space-4:16px;
  --uss2-space-5:20px;
  --uss2-space-6:24px;
  --uss2-space-8:32px;

  /* Touch target floor per the mobile requirements */
  --uss2-tap:44px;
}

/* Buttons, focus, and badges below are net-new component primitives (no
   existing `.card`/`.modal`/`.tooltip`/`.badge` classes were found in
   app.css per the audit) so they can't collide with anything already
   shipped. Existing `.btn`/`.uss-*-primary` etc. classes are left as-is;
   these are additive utilities for new/updated shell markup. */
.uss2-focus-visible:focus-visible,
:where(.uss2-btn,.uss2-tab,.uss2-chip,.uss2-nav-item):focus-visible{
  outline:3px solid var(--uss2-gold-400);
  outline-offset:2px;
  border-radius:8px;
}

.uss2-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;border-radius:999px;
  font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  border:1px solid var(--uss2-line);
  background:var(--uss2-surface);
  color:var(--uss2-muted);
  white-space:nowrap;
}
.uss2-badge.is-success{color:#8ff0bb;background:var(--uss2-success-soft);border-color:rgba(43,213,118,.3);}
.uss2-badge.is-warning{color:#ffe1a3;background:var(--uss2-warning-soft);border-color:rgba(242,194,91,.32);}
.uss2-badge.is-danger{color:#ffb3bd;background:var(--uss2-danger-soft);border-color:rgba(255,95,115,.32);}
.uss2-badge.is-info{color:#bcd8ff;background:var(--uss2-info-soft);border-color:rgba(105,168,255,.32);}
.uss2-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto;}

@media(prefers-reduced-motion:reduce){
  .uss2-btn,.uss2-tab,.uss2-chip,.uss2-nav-item,.uss-mobile-nav-toggle span,
  #ussPrimarySidebar,.uss-mobile-nav-scrim{transition-duration:.01ms!important;animation-duration:.01ms!important;}
}