/* ============================================================
   NexveraQR — Design System A: "Command"
   Panel CSS Variables (SuperAdmin / Bayi / Restoran Panelleri)
   ============================================================ */

:root {
  /* ── Backgrounds ── */
  --cp-bg-base:       #0A0E17;
  --cp-bg-surface:    #10151F;
  --cp-bg-elevated:   #161C2A;
  --cp-bg-subtle:     #1E2638;
  --cp-bg-muted:      #252E42;

  /* ── Nexvera Gold ── */
  --cp-gold:          #C9A84C;
  --cp-gold-light:    #E2C97A;
  --cp-gold-dim:      #8B6F2E;
  --cp-gold-glow:     rgba(201, 168, 76, 0.12);

  /* ── Text ── */
  --cp-text-primary:  #FFFFFF;
  --cp-text-muted:    #A0AEC0;
  --cp-text-hint:     #5A6577;

  /* ── Status ── */
  --cp-success:       #2D6A4F;
  --cp-success-text:  #52B788;
  --cp-warning:       #7B4F12;
  --cp-warning-text:  #F4A261;
  --cp-danger:        #6B1D1D;
  --cp-danger-text:   #E63946;
  --cp-info:          #1A3A5C;
  --cp-info-text:     #5BA4CF;

  /* ── Border ── */
  --cp-border:        rgba(201, 168, 76, 0.15);
  --cp-border-strong: rgba(201, 168, 76, 0.35);
  --cp-border-subtle: rgba(255, 255, 255, 0.05);

  /* ── Typography ── */
  --cp-font-display:  'Playfair Display', Georgia, serif;
  --cp-font-body:     'DM Sans', system-ui, sans-serif;
  --cp-font-mono:     'JetBrains Mono', monospace;

  /* ── Spacing scale ── */
  --cp-space-xs:  4px;
  --cp-space-sm:  8px;
  --cp-space-md:  16px;
  --cp-space-lg:  24px;
  --cp-space-xl:  32px;
  --cp-space-2xl: 48px;

  /* ── Effects ── */
  --cp-shadow-card:   0 1px 3px rgba(0, 0, 0, 0.4),
                      0 0 0 1px rgba(201, 168, 76, 0.08);
  --cp-shadow-modal:  0 8px 32px rgba(0, 0, 0, 0.6),
                      0 0 0 1px rgba(201, 168, 76, 0.15);
  --cp-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.5),
                        0 0 0 1px rgba(201, 168, 76, 0.1);

  /* ── Radius ── */
  --cp-radius-sm:  4px;
  --cp-radius-md:  8px;
  --cp-radius-lg:  12px;
  --cp-radius-xl:  16px;

  /* ── Transition ── */
  --cp-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Layout ── */
  --cp-sidebar-width:     260px;
  --cp-sidebar-collapsed:  72px;
  --cp-topbar-height:      64px;
  --cp-content-max-width: 1400px;

  /* ── Z-index scale ── */
  --cp-z-dropdown:  100;
  --cp-z-sticky:    200;
  --cp-z-topbar:    300;
  --cp-z-sidebar:   400;
  --cp-z-modal:     500;
  --cp-z-toast:     600;
  --cp-z-tooltip:   700;
}