/* =========================================================
   Glass Network Admin Panel — Master Design Tokens
   ---------------------------------------------------------
   Same tokens as hotspot/static/css/master.css but
   scoped here to admin panel for consistency.

   Import BEFORE admin.css in admin pages:
     <link rel="stylesheet" href="assets/master.css" />
     <link rel="stylesheet" href="assets/admin.css" />
   ========================================================= */

:root {
  /* Aurora palette */
  --c-bg-1: #0b1026;
  --c-bg-2: #1b1147;
  --c-bg-3: #2a1a5e;

  /* Accents */
  --c-accent-1: #6d5efc;
  --c-accent-2: #00d4ff;
  --c-accent-3: #ff5fa2;
  --c-accent-4: #4ade80;
  --c-danger:   #ff4d6d;
  --c-warn:     #fbbf24;

  /* Glass surfaces */
  --glass-bg:           rgba(255, 255, 255, 0.08);
  --glass-bg-strong:    rgba(255, 255, 255, 0.14);
  --glass-border:       rgba(255, 255, 255, 0.18);
  --glass-shadow:       0 8px 32px rgba(0, 0, 0, 0.45);
  --glass-blur:         22px;

  /* Text */
  --text-primary:   #f5f7ff;
  --text-secondary: rgba(245, 247, 255, 0.72);
  --text-muted:     rgba(245, 247, 255, 0.5);

  /* Radii */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Motion */
  --ease:        cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    0.2s;
  --dur:         0.35s;
  --dur-slow:    0.7s;

  /* iOS safe-area */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);

  /* Tap target */
  --tap-min: 44px;

  /* Typography */
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Inter", "Helvetica Neue", "Noto Sans SC", Roboto, system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Consolas", "Monaco", monospace;

  /* Layout */
  --sidebar-w: 260px;
  --topbar-h:  64px;

  /* Z-index */
  --z-bg:     -2;
  --z-base:    1;
  --z-card:   10;
  --z-topbar: 200;
  --z-drawer: 300;
  --z-modal:  500;
  --z-toast:  1000;
}