/* ════════════════════════════════════════════════════════════
   DESTINIUM ADMIN THEME
   ════════════════════════════════════════════════════════════
   Central theme variables for the admin panel.
   Imported BEFORE page-specific CSS on every page.
   ════════════════════════════════════════════════════════════ */

:root {
    /* ── Brand Accent (Gold) ── */
    --accent: #D4A843;
    --accent-dark: #B8922F;
    --accent-light: #EDCC78;

    /* ── Danger / Error ── */
    --danger: #EF4444;
    --danger-dark: #DC2626;

    /* ── Success ── */
    --success: #22C55E;

    /* ── Warning ── */
    --warning: #F59E0B;

    /* ── Backgrounds ── */
    --bg-primary: #080808;
    --bg-card: #1A1A1A;
    --bg-surface: rgba(20, 20, 20, 0.95);

    /* ── Text ── */
    --text-primary: #F0E6D0;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.5);
}

/* ── Monochrome emoji rendering ─────────────────────────
   Forces emoji in navigation and UI chrome to render as
   monochrome text glyphs (not colored bitmaps).
   They inherit gold color from parent elements.
   ─────────────────────────────────────────────────────── */
.nav-icon,
.logout-icon,
.avatar-icon,
.stat-icon,
.section-icon,
.upload-icon,
.fallback-icon,
.empty-icon,
.note-icon,
.btn-icon,
.error-icon,
.delete-warning-icon {
    font-variant-emoji: text;
    -webkit-font-variant-emoji: text;
}