/* Reset and Base Styles */
:root {
    --primary-red: #9f0000;
    --secondary-red: #A00000;
    --primary-blue: #182f61;
    --text-dark: #464646;
    --section-title-color: #222222;
    --font-english: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-arabic: 'Noto Kufi Arabic', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-english);
    font-size: 14px;
    color: #333;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Scrollbar styling */
body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

html {
    overflow-y: auto;
    overflow-x: hidden;
}

html::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-track {
    background: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

html::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* General Section Title */
.section-title {
    font-size: 32px;
    font-weight: 700;
}