/* ==========================================================================
   SHARARA — Design Tokens
   Range Rover maintenance-center warehouse system
   Theme: near-black workshop night + turquoise instrument glow + brushed gold
   ========================================================================== */
:root{
  /* --- Surfaces --- */
  --bg:            #05090b;
  --bg-elevated:   #0a1114;
  --surface:       #0f171b;
  --surface-2:     #141f24;
  --surface-hover: #182a30;
  --border:        #1c2b31;
  --border-soft:   #14201f;

  /* --- Brand accents --- */
  --cyan:          #22e6d6;
  --cyan-dim:      #0e6f68;
  --cyan-glow:     rgba(34,230,214,.35);
  --gold:          #c9a24b;
  --gold-dim:      #6b5726;

  /* --- Text --- */
  --text:          #eaf6f5;
  --text-muted:    #7f9a9a;
  --text-faint:    #4d6467;

  /* --- Status --- */
  --danger:        #ff5470;
  --danger-dim:    #451821;
  --success:       #33d69f;
  --success-dim:   #103326;
  --warning:       #ffb84d;
  --warning-dim:   #3a2a10;

  /* --- Type --- */
  --font-ui:     "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-data:   "Rajdhani", "Cairo", system-ui, sans-serif;

  /* --- Radius / shadow --- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-elev: 0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-glow: 0 0 0 1px rgba(34,230,214,.12), 0 0 24px -6px rgba(34,230,214,.25);

  /* --- Layout --- */
  --sidebar-w: 250px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 64px;

  /* --- Motion --- */
  --ease: cubic-bezier(.4,0,.2,1);
}