/* =========================================================
   Cabinet design tokens
   Shared by authenticated header, sidebar, filters, drawers,
   widget cards, charts and work tables.
   Landing keeps its own accent system.
   ========================================================= */

:root {
  /* Brand accent */
  --purple:         #7B61D9;
  --purple-deep:    #5949A8;
  --purple-soft:    #EEE9FF;
  --purple-bg:      rgba(123, 97, 217, 0.08);
  --purple-bg-2:    rgba(123, 97, 217, 0.14);
  --purple-glow:    rgba(123, 97, 217, 0.16);
  --accent-blue:    #5C86F2;
  --accent-cyan:    #74CDD0;
  --accent-pink:    #F08AC9;

  /* Signal colors for metric trends */
  --pos:            #5E9F7B;
  --pos-bg:         rgba(94, 159, 123, 0.12);
  --neg:            #D96F6F;
  --neg-bg:         rgba(217, 111, 111, 0.12);
  --warn:           #C4A45E;
  --warn-bg:        rgba(196, 164, 94, 0.14);

  /* Cabinet neutrals */
  --ink:            #111318;
  --ink-2:          #303640;
  --muted:          #6F7480;
  --muted-2:        #98A0AD;
  --muted-3:        #D7DCE5;
  --line:           #E4E7EC;
  --line-2:         #F1F3F6;
  --bg-app:         #F5F6FA;
  --surface:        #FFFFFF;
  --surface-soft:   #F9FAFC;
  --surface-muted:  #EEF1F5;

  /* Calm surfaces */
  --card-grad:      #FFFFFF;
  --card-border:    1px solid rgba(27, 32, 44, 0.08);
  --card-inset:     inset 0 1px 0 rgba(255,255,255,0.85);
  --card-shadow-soft: 0 8px 26px rgba(27, 32, 44, 0.045);
  --card-shadow-hover: 0 12px 34px rgba(27, 32, 44, 0.07);
}

[data-bs-theme="dark"] {
  --bg-app:         #1C2128;
  --line:           #30363D;
  --line-2:         #2D333B;
  --ink:            #F0F6FC;
  --ink-2:          #C9D1D9;
  --muted:          #8b949e;
  --muted-2:        #6E7681;
  --muted-3:        #484F58;
  --purple-bg:      rgba(141, 99, 255, 0.16);
  --purple-bg-2:    rgba(141, 99, 255, 0.24);
  --purple-glow:    rgba(141, 99, 255, 0.30);
  --card-grad:      linear-gradient(135deg, rgba(34,39,46,0.95) 0%, rgba(45,51,59,0.85) 100%);
  --card-border:    0.5px solid rgba(255,255,255,0.06);
  --card-inset:     inset 0 1px 0 rgba(255,255,255,0.04);
}

/* Cabinet body — bg only applies inside authenticated shell */
.app-shell--auth {
  background: var(--bg-app);
}

.app-shell--auth body,
.app-shell--auth #page-content-wrapper {
  font-feature-settings: "tnum", "ss01", "cv11";
  letter-spacing: -0.005em;
}

/* Tabular numbers everywhere inside cabinet */
.app-shell--auth .metric-value,
.app-shell--auth .metric-prev,
.app-shell--auth .metric-delta,
.app-shell--auth .f-sub,
.app-shell--auth .crown-chip .days {
  font-variant-numeric: tabular-nums;
}