/* ===== Lucenva Admin Theme — hợp vibe lucenvakorea.com ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Poppins:wght@300;400;500;600&display=swap');

:root {
    --luc-ink: #1a1a1a;
    --luc-gold: #c5a880;
    --luc-gold-dark: #a88a62;
    --luc-gold-light: #e8d9c4;
    --luc-cream: #f9f7f4;
    --luc-warm: #f4ede4;
    --luc-line: #ebebeb;

    /* Ghi đè token màu của AdminJS design system -> tông gold/ink Lucenva */
    --color-primary-100: #a88a62 !important;
    /* gold-dark: nút chính, link */
    --color-primary-80: #b89a72 !important;
    --color-primary-60: #c5a880 !important;
    /* gold */
    --color-primary-40: #d8c3a3 !important;
    --color-primary-20: #e8d9c4 !important;
    /* gold-light */

    --color-accent: #c5a880 !important;
    --color-love: #c5a880 !important;

    --color-grey-100: #1a1a1a !important;
    --font-family: 'Poppins', sans-serif !important;
}

/* Nền tổng thể ấm hơn */
body,
#app {
    background: var(--luc-cream) !important;
    font-family: 'Poppins', sans-serif;
}

/* Sidebar nền trắng, viền mảnh */
[class^="sc-"][class*="Sidebar"],
nav {
    background: #ffffff !important;
}

/* Logo "Lucenva" + mọi tiêu đề H1..H3 -> serif sang trọng */
h1,
h2,
h3,
[class*="H1"],
[class*="H2"],
[class*="H3"] {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 500 !important;
    color: var(--luc-ink) !important;
    letter-spacing: 0.01em !important;
}

/* Chữ nhãn nhóm "MENU ĐIỀU HƯỚNG" */
nav p,
[class*="label"] {
    letter-spacing: 0.12em !important;
}

/* Radius nhỏ toàn cục cho vibe tối giản */
button,
input,
select,
textarea,
[class*="Card"],
[class*="Button"] {
    border-radius: 2px !important;
}

/* Bảng: header nhạt, hover ấm */
table thead th,
th {
    color: #8a8a8a !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
}

tbody tr:hover,
[class*="TableRow"]:hover {
    background: var(--luc-cream) !important;
}

/* Đường viền gold cho vùng nhấn */
a {
    color: var(--luc-gold-dark);
}

/* ===== Ép màu xanh mặc định AdminJS -> gold/ink Lucenva ===== */
/* Nút chính (Tạo mới, Đăng nhập, Lưu...) và các phần tử nền xanh */
button[style*="rgb(66, 104"],
a[style*="rgb(66, 104"],
button[style*="#4268"],
a[style*="#4268"] {
    background: var(--luc-ink) !important;
    border-color: var(--luc-ink) !important;
}

/* Trang LOGIN: panel trái xanh -> gradient gold ấm */
section>div:first-child[style*="rgb(66"],
[class*="Login"]>div:first-child,
form~div,
div[style*="background"][style*="66, 104"] {
    background: linear-gradient(150deg, #1a1a1a 0%, #3a3128 100%) !important;
}

/* Bao quát hơn: bất cứ chỗ nào dùng màu primary xanh của AdminJS */
[fill="#4268F6"],
[fill="#3040D6"] {
    fill: var(--luc-gold) !important;
}

/* Nút & viền primary qua data/class của design system */
.adminjs_Button--variant-primary,
[data-css*="primary"] {
    background: var(--luc-ink) !important;
    border-color: var(--luc-ink) !important;
}

.adminjs_Button--variant-primary:hover {
    background: var(--luc-gold-dark) !important;
    border-color: var(--luc-gold-dark) !important;
}

/* Link/nút text (Lọc dữ liệu, Xem chi tiết) -> gold */
button[class*="Button"][style*="color"],
a[class*="Button"] {
    color: var(--luc-gold-dark) !important;
}