@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Edu+AU+VIC+WA+NT+Pre:wght@400..700&family=Hind:wght@300;400;500;600;700&family=Noto+Sans+Symbols:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Edu+AU+VIC+WA+NT+Pre:wght@400..700&family=Hind:wght@300;400;500;600;700&family=Noto+Sans+Symbols:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Sora:wght@100..800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

:root {
    --secondary: #C9EB55;
}

html[data-bs-theme=light] {
    --text-dark: #333333;
    --text-white: #fff;
    --light-bg-li: rgba(255, 255, 255, 0.8);
    --primary: #D2B48C;
    --primary-dark: #b89670;
    --primary-light: #f6f5f0;
    --bg-light: #f8f8f5;
    --bs-primary-rgb: 210, 180, 140;
}

html[data-bs-theme=dark] {
    --text-dark: #FFFF;
    --text-white: #3333;
    --light-bg-li: rgba(21, 21, 21, 0.8);
    --primary: #8B6B4D;    /* Rich coffee brown */
    --primary-dark: #6e5539;
    --primary-light: #2D2D2D;  /* Dark charcoal */
    --bg-light: #262626;
    --bs-primary-rgb: 139, 107, 77;
}

.w-fit {
    width: fit-content;
}

.pointer {
    cursor: pointer;
}

.text-justify {
    text-align: justify;
}

.font-14 {
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.font-16 {
    font-size: 16px;
}

body[dir=ltr] {
    --margin-left: auto;
    --margin-right: unset;
}

body[dir=rtl] {
    --margin-right: auto;
    --margin-left: unset;
}

table td {
    vertical-align: middle;
}

.text_dark {
    color: var(--text-dark);
}