@font-face { font-family: 'NRT'; src: url('../fonts/NRT-Reg.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'NRT'; src: url('../fonts/NRT-Bd.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* Luna-style palette: flat charcoal-slate (not near-black) + warm amber accent,
     requested by Arkan to match a reference dashboard (Luna Admin Theme). */
  --color-bg: #1b212c; --color-bg-elevated: #262d3a;
  --color-surface: rgba(255, 255, 255, 0.055); --color-surface-solid: #262d3a;
  /* --color-input-bg بە تایبەت بۆ باکگراوندی خودی تێکستبۆکس/دراپداونەکانە -- جیاوازە
     لە --color-bg-elevated (کە شوێنی تری وەک کارتی وردەکاری بەکاردێت) بۆ ئەوەی
     بەکارهێنەر لە Settings > Appearance بتوانێت تەنها ڕەنگی تێکستبۆکسەکان بگۆڕێت
     بەبێ کاریگەری لەسەر شوێنی تر -- بڕوانە buildColorField/buildAppearancePanel لە engine.js */
  --color-input-bg: #262d3a;
  --color-border: rgba(255, 255, 255, 0.09); --color-border-strong: rgba(255, 255, 255, 0.17);
  --color-text: #f1f5f9; --color-text-light: #a3adc2; --color-text-muted: #74809a;
  --color-primary: #f5a623; --color-primary-dark: #c2790f; --color-primary-light: rgba(245, 166, 35, 0.18);
  --gradient-primary: linear-gradient(135deg, #fbbf24 0%, #f5a623 45%, #d97b0a 75%, #a85d09 100%);
  --color-accent-pink: #f472b6; --color-accent-blue: #7dd3fc; --color-accent-green: #34d399;
  /* --color-sidebar-accent جیاوازە لە --color-primary بەمەبەستی ئەوەی بەکارهێنەر
     بتوانێت لە Settings > Appearance ڕەنگی مینو (سایدبار) و ڕەنگی بەشی ناوەڕۆک
     (دوگمەکان) بە جیاوازی هەڵبژێرێت -- بڕوانە buildColorField لە engine.js */
  --color-sidebar: rgba(27, 32, 43, 0.75); --color-sidebar-text: #a3adc2;
  --color-sidebar-accent: var(--color-primary); --color-sidebar-active: var(--color-sidebar-accent);
  --color-success: #34d399; --color-danger: #f87171; --color-warning: #fbbf24;
  --font-main: 'NRT', 'Inter', 'IBM Plex Sans Arabic', 'Cairo', 'Noto Kufi Arabic', -apple-system, sans-serif;
  --font-heading: 'NRT', 'Plus Jakarta Sans', 'Cairo', 'Inter', sans-serif;
  --radius: 16px; --radius-sm: 10px; --radius-lg: 22px;
  --sidebar-width: 260px; --topbar-height: 64px; --glass-blur: 14px;
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 0 1px rgba(245, 166, 35, 0.2), 0 10px 30px rgba(194, 121, 15, 0.3);
  --ease: cubic-bezier(.4, 0, .2, 1); --transition-fast: 150ms var(--ease); --transition: 220ms var(--ease);
}

/* Light mode -- toggled via body.light class (js/engine.js -> applyThemeMode) */
body.light {
  --color-bg: #f4f5f7; --color-bg-elevated: #ffffff; --color-surface: rgba(255, 255, 255, 0.75);
  --color-surface-solid: #ffffff; --color-border: rgba(15, 23, 42, 0.09); --color-border-strong: rgba(15, 23, 42, 0.16);
  --color-input-bg: #ffffff;
  --color-text: #1e293b; --color-text-light: #5b6576; --color-text-muted: #94a3b8;
  --color-sidebar: rgba(255, 255, 255, 0.75); --color-sidebar-text: #475569;
  --shadow: 0 8px 30px rgba(15, 23, 42, 0.10);
  --shadow-glow: 0 0 0 1px rgba(251, 146, 60, 0.25), 0 10px 30px rgba(194, 65, 12, 0.18);
}
body.light #sidebar, body.light #topbar, body.light .card, body.light .bento-item, body.light .login-card { border-color: var(--color-border); }
body.light .btn { color: #fff; }