:root[theme='light'] {
    --primary-color: #007bff;
    --background-color: #ffffff;
    --secondary-color: #333;
    --accent-color: #333;
    --text-color: #000000;
    --default-fontfamily: vazirmatn;

    --nav-background: #f2f2f2;
    --nav-color: #326291;
    --nav-font-size: 1.2em;
    --nav-font-weight: 500;

    --nav-border-bottom: 1px solid #ccc;
    
    --nav-background-hover: #d3dde7;
    --nav-color-hover: #1874cd;
    --nav-font-size-hover: var(--nav-font-size);
    --nav-font-weight-hover: var(--nav-font-weight);
}