/* Font Size Control - Applies only to text, not layout */

/* Default font size */
:root {
    --user-font-size: 14px;
}

/* Apply font size to text elements only, not affecting layout dimensions */
body {
    font-size: var(--user-font-size);
}

/* Headings - scale proportionally */
h1 {
    font-size: calc(var(--user-font-size) * 2);
}

h2 {
    font-size: calc(var(--user-font-size) * 1.5);
}

h3 {
    font-size: calc(var(--user-font-size) * 1.25);
}

h4 {
    font-size: calc(var(--user-font-size) * 1.125);
}

h5 {
    font-size: var(--user-font-size);
}

h6 {
    font-size: calc(var(--user-font-size) * 0.875);
}

/* Paragraph and text elements */
p, span, div, li, td, th, label {
    font-size: var(--user-font-size);
}

/* Small text */
.text-xs, small {
    font-size: calc(var(--user-font-size) * 0.75) !important;
}

.text-sm {
    font-size: calc(var(--user-font-size) * 0.875) !important;
}

/* Base text */
.text-base {
    font-size: var(--user-font-size) !important;
}

/* Large text */
.text-lg {
    font-size: calc(var(--user-font-size) * 1.125) !important;
}

.text-xl {
    font-size: calc(var(--user-font-size) * 1.25) !important;
}

.text-2xl {
    font-size: calc(var(--user-font-size) * 1.5) !important;
}

.text-3xl {
    font-size: calc(var(--user-font-size) * 1.875) !important;
}

/* Form elements */
input, select, textarea, button {
    font-size: var(--user-font-size) !important;
}

/* Table text */
table {
    font-size: var(--user-font-size);
}

/* Links */
a {
    font-size: var(--user-font-size);
}

/* Code blocks */
code, pre {
    font-size: calc(var(--user-font-size) * 0.875);
}

/* Note: Icons (svg, img) intentionally not styled here */
/* They should not be affected by font size changes */

/* Keep layout spacing in px or rem units based on original design */
/* This ensures padding, margin, width, height are not affected */