/* ================================
   Lion Platform – UI Foundation
   Safe base for future themes
   ================================ */

/*:root {*/
    /* Brand colors */
    /*--lion-primary: #1b6ec2;
    --lion-primary-dark: #1558a0;
    --lion-bg: #f5f7fb;*/
    /* Text */
    /*--lion-text: #1f2937;
    --lion-text-muted: #6b7280;*/
    /* Layout */
    /*--lion-sidebar-width: 250px;
    --lion-radius: 10px;*/
    /* Fonts */
    /*--lion-font-ltr: "Segoe UI", Arial, sans-serif;
    --lion-font-rtl: Tahoma, "Segoe UI", Arial, sans-serif;
}*/
:root {
    /* Sidebar / Topbar */
    --lion-sidebar-bg: #0f172a; /* غامق */
    --lion-sidebar-fg: #ffffff; /* نص أبيض */
    --lion-topbar-bg: #ffffff; /* فاتح */
    --lion-topbar-border: rgba(0,0,0,.08);
    --lion-link: #1b6ec2;
}

/* Direction-aware fonts */
.page[dir="ltr"] {
    font-family: var(--lion-font-ltr);
}

.page[dir="rtl"] {
    font-family: var(--lion-font-rtl);
}

/* Page background */
body {
    background-color: var(--lion-bg);
    color: var(--lion-text);
}

/* Sidebar base (no structural changes) */
.sidebar {
    width: var(--lion-sidebar-width);
}

/* Brand */
.lion-brand-link {
    font-weight: 900;
    letter-spacing: .3px;
}

/* Buttons (base only) */
.lion-btn {
    border-radius: var(--lion-radius);
    padding: 8px 14px;
    border: none;
    cursor: pointer;
}

.lion-btn-primary {
    background-color: var(--lion-primary);
    color: #fff;
}

    .lion-btn-primary:hover {
        background-color: var(--lion-primary-dark);
    }