/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Font Size Accessibility Settings */
body.font-size-xs {
  font-size: 12px;
}

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

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

body.font-size-lg {
  font-size: 18px;
}

body.font-size-xl {
  font-size: 20px;
}

/* Scale text elements proportionally based on body font size */
body.font-size-xs .text-xs { font-size: 0.65rem; }
body.font-size-xs .text-sm { font-size: 0.75rem; }
body.font-size-xs .text-base { font-size: 0.875rem; }
body.font-size-xs .text-lg { font-size: 1rem; }
body.font-size-xs .text-xl { font-size: 1.125rem; }
body.font-size-xs .text-2xl { font-size: 1.25rem; }
body.font-size-xs .text-3xl { font-size: 1.5rem; }

body.font-size-sm .text-xs { font-size: 0.7rem; }
body.font-size-sm .text-sm { font-size: 0.8rem; }
body.font-size-sm .text-base { font-size: 0.9rem; }
body.font-size-sm .text-lg { font-size: 1.05rem; }
body.font-size-sm .text-xl { font-size: 1.15rem; }
body.font-size-sm .text-2xl { font-size: 1.35rem; }
body.font-size-sm .text-3xl { font-size: 1.65rem; }

/* Medium (default) - no override needed, uses Tailwind defaults */

body.font-size-lg .text-xs { font-size: 0.85rem; }
body.font-size-lg .text-sm { font-size: 1rem; }
body.font-size-lg .text-base { font-size: 1.15rem; }
body.font-size-lg .text-lg { font-size: 1.35rem; }
body.font-size-lg .text-xl { font-size: 1.5rem; }
body.font-size-lg .text-2xl { font-size: 1.75rem; }
body.font-size-lg .text-3xl { font-size: 2.1rem; }

body.font-size-xl .text-xs { font-size: 0.95rem; }
body.font-size-xl .text-sm { font-size: 1.1rem; }
body.font-size-xl .text-base { font-size: 1.25rem; }
body.font-size-xl .text-lg { font-size: 1.5rem; }
body.font-size-xl .text-xl { font-size: 1.75rem; }
body.font-size-xl .text-2xl { font-size: 2rem; }
body.font-size-xl .text-3xl { font-size: 2.5rem; }