/* ============================================================
   ADMIN THEME — geteilte Design-Tokens, identisch zur Hauptseite
   (catalya/assets/css/style.css :root-Block, 1:1 übernommen, keine
   Admin-Sonderwerte). Wird von admin/includes/head.php vor allen
   seiteneigenen Stylesheets geladen.
   ============================================================ */

:root {
    --primary:        #8878cc;
    --primary-light:  #a39be7;
    --primary-dark:   #6658aa;

    --bg-primary:     #0a0a0f;
    --bg-secondary:   #0f0f1a;
    --bg-tertiary:    #13131f;
    --bg-glass:       rgba(255, 255, 255, 0.04);

    --text-primary:   #f0eeff;
    --text-secondary: #b8b4d4;
    --text-muted:     #7a7695;
    --text-disabled:  #4a4660;

    --border-primary:   rgba(136, 120, 204, 0.25);
    --border-secondary: rgba(136, 120, 204, 0.12);

    --success:  #00d4aa;
    --warning:  #f59e0b;
    --error:    #ef4444;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.5);

    --transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1);

    --font-body:    'Inter', sans-serif;
    --font-heading: 'Space Grotesk', sans-serif;
}

body {
    font-family: var(--font-body);
    background: var(--bg-primary);
    color: var(--text-primary);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

.title-gradient {
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Custom Scrollbar (identisch zur Hauptseite) ── */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary), var(--primary-light));
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--primary-light), #c4bdf0);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--bg-primary);
}