/* zyvora.css — Silver/Metallic theme override (Zyvora brand)
   يُحمَّل بعد aurora.css لتطغى ألوانه */

/* ====== Color tokens override ====== */
:root{
  /* Silver/metallic palette */
  --zy-silver-light:  #e8ecf1;
  --zy-silver:        #cbd5e1;
  --zy-silver-dark:   #94a3b8;
  --zy-graphite:      #475569;
  --zy-ink:           #1e293b;
  --zy-black:         #0b1220;

  /* Override Aurora accent tokens to silver/metallic */
  --au-accent:    #94a3b8;
  --au-accent-2:  #6b7280;
}

/* ====== Light theme = default for Zyvora ====== */
:root:not([data-theme="dark"]) {
  color-scheme: light;
}

/* Override Aurora background to clean white */
:root[data-theme="light"] body,
body{
  /* keep dark default available but we'll set light from theme.js */
}

/* ====== LOGO — Brushed metal Z ====== */
.wm-logo,
.wm-logo--sm{
  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 30%, #94a3b8 50%, #64748b 70%, #cbd5e1 100%) !important;
  color: #475569 !important;
  font-family: 'Arial Black', 'Tahoma', sans-serif !important;
  font-weight: 900 !important;
  font-style: italic !important;
  letter-spacing: -0.04em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.7),
    0 -1px 0 rgba(0,0,0,.2);
  box-shadow:
    0 4px 16px rgba(100,116,139,.30),
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 -1px 0 rgba(0,0,0,.10) !important;
}


/* ====== Glow accents → silver/metallic ====== */
.aur-aurora__blob--1{ background: radial-gradient(circle, rgba(148,163,184,.35), transparent 70%) !important; }
.aur-aurora__blob--2{ background: radial-gradient(circle, rgba(107,114,128,.30), transparent 70%) !important; }
.aur-aurora__blob--3{ background: radial-gradient(circle, rgba(203,213,225,.25), transparent 70%) !important; }


/* ====== Buttons / accent surfaces ====== */
.aur-btn--primary,
.btn.primary,
.pos-btn--primary,
.pos3-btn--primary{
  background: linear-gradient(135deg, #94a3b8, #475569) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(71,85,105,.30) !important;
}
.aur-btn--primary:hover,
.btn.primary:hover,
.pos-btn--primary:hover,
.pos3-btn--primary:hover{
  background: linear-gradient(135deg, #cbd5e1, #475569) !important;
  box-shadow: 0 10px 28px rgba(71,85,105,.40) !important;
}


/* ====== Topbar tint ====== */
.wm-topbar{
  background: linear-gradient(180deg, rgba(11,18,32,.85), rgba(11,18,32,.72)) !important;
  border-bottom: 1px solid rgba(148,163,184,.20) !important;
}
:root[data-theme="light"] .wm-topbar{
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.82)) !important;
  border-bottom: 1px solid rgba(148,163,184,.30) !important;
}


/* ====== Active nav links ====== */
.wm-nav-link.active,
.wm-dd-item.active,
.wm-drawer-link.active{
  background: linear-gradient(135deg, rgba(148,163,184,.25), rgba(107,114,128,.18)) !important;
  border-color: rgba(148,163,184,.45) !important;
  color: #fff !important;
}
:root[data-theme="light"] .wm-nav-link.active,
:root[data-theme="light"] .wm-dd-item.active,
:root[data-theme="light"] .wm-drawer-link.active{
  background: linear-gradient(135deg, rgba(148,163,184,.20), rgba(107,114,128,.14)) !important;
  color: #1e293b !important;
}


/* ====== Cards / surfaces in light theme ====== */
:root[data-theme="light"] body{
  background: #f5f7fb !important;
  color: #1e293b !important;
}
:root[data-theme="light"] .aur-card,
:root[data-theme="light"] .pos-card,
:root[data-theme="light"] .pos3-form,
:root[data-theme="light"] .pos3-table-wrap,
:root[data-theme="light"] .import-card{
  background: #fff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.04) !important;
}
:root[data-theme="light"] .aur-card__brand{
  color: var(--zy-graphite) !important;
}


/* ====== Highlighted numbers / totals ====== */
:root[data-theme="dark"] .aur-card__total-n,
:root[data-theme="dark"] .pos3-bigtotal__val,
:root[data-theme="dark"] .pos3-totals-row--grand b{
  background: linear-gradient(135deg, #e8ecf1, #94a3b8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* ====== Theme toggle button — metallic ====== */
.aur-theme-toggle{
  background: linear-gradient(135deg, #cbd5e1, #6b7280) !important;
  border: 1px solid rgba(148,163,184,.40) !important;
  color: #1e293b !important;
}