/* Font Size CSS */

/* Small Font Size */
[data-font-size="S"] {
    font-size: 12px;
}

[data-font-size="S"] h1 { font-size: 1.8rem; }
[data-font-size="S"] h2 { font-size: 1.6rem; }
[data-font-size="S"] h3 { font-size: 1.4rem; }
[data-font-size="S"] h4 { font-size: 1.2rem; }
[data-font-size="S"] h5 { font-size: 1.1rem; }
[data-font-size="S"] h6 { font-size: 1rem; }

[data-font-size="S"] .btn {
    font-size: 11px;
    padding: 4px 8px;
}

[data-font-size="S"] .form-control {
    font-size: 12px;
    padding: 4px 8px;
}

[data-font-size="S"] .nav-tabs li a {
    font-size: 12px;
    padding: 8px 12px;
}

/* Medium Font Size (Default) */
[data-font-size="M"] {
    font-size: 14px;
}

[data-font-size="M"] h1 { font-size: 2.2rem; }
[data-font-size="M"] h2 { font-size: 2rem; }
[data-font-size="M"] h3 { font-size: 1.8rem; }
[data-font-size="M"] h4 { font-size: 1.6rem; }
[data-font-size="M"] h5 { font-size: 1.4rem; }
[data-font-size="M"] h6 { font-size: 1.2rem; }

[data-font-size="M"] .btn {
    font-size: 14px;
    padding: 6px 12px;
}

[data-font-size="M"] .form-control {
    font-size: 14px;
    padding: 6px 12px;
}

[data-font-size="M"] .nav-tabs li a {
    font-size: 14px;
    padding: 10px 15px;
}

/* Large Font Size */
[data-font-size="L"] {
    font-size: 16px;
}

[data-font-size="L"] h1 { font-size: 2.6rem; }
[data-font-size="L"] h2 { font-size: 2.4rem; }
[data-font-size="L"] h3 { font-size: 2.2rem; }
[data-font-size="L"] h4 { font-size: 2rem; }
[data-font-size="L"] h5 { font-size: 1.8rem; }
[data-font-size="L"] h6 { font-size: 1.6rem; }

[data-font-size="L"] .btn {
    font-size: 16px;
    padding: 8px 16px;
}

[data-font-size="L"] .form-control {
    font-size: 16px;
    padding: 8px 16px;
}

[data-font-size="L"] .nav-tabs li a {
    font-size: 16px;
    padding: 12px 18px;
}

/* Default fallback (Medium) */
body {
    font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [data-font-size="S"] { font-size: 11px; }
    [data-font-size="M"] { font-size: 13px; }
    [data-font-size="L"] { font-size: 15px; }
}