/* Fitox store dashboard — shared Obsidian theme (single source of truth).
   Previously every page defined its own :root and they had DRIFTED (two camps
   with different card/border/white/muted/green/amber values and inconsistent
   --accent-g vs --accent-l names). This file unifies them; change the theme here
   once. Core tokens (bg/card/accent/white/line) align to the app's --mx-* system. */
:root {
  --bg:        #08080C;                        /* void */
  --card:      #111117;                        /* carbon */
  --card2:     #1A1A22;                        /* elevated */
  --border:    rgba(244,244,246,0.10);         /* hairline (ghost 10%) */
  --border2:   rgba(244,244,246,0.18);
  --accent:    #FFB46B;                        /* brand amber-a */
  --accent-l:  #FF6B4A;                        /* brand amber-b */
  --accent-g:  #FF6B4A;                        /* alias (some pages use -g) */
  --white:     #F4F4F6;                        /* ghost */
  --muted:     rgba(244,244,246,0.56);         /* dim */
  --muted2:    rgba(244,244,246,0.75);
  --danger:    #FF5A52;
  --green:     #3FB950;
  --amber:     #E0A82E;                        /* warning/pending (distinct from brand accent) */
  --sidebar-w: 220px;
}

/* Subtle load-in — every dashboard page fades up gently (reduced-motion safe). */
@media (prefers-reduced-motion: no-preference) {
  @keyframes fx-fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
  body { animation: fx-fade-in 0.4s cubic-bezier(0.2, 0.6, 0.2, 1) both; }
}