/* public/css/base-styles.css */
/* Defines global CSS variables and base styles */
/* Generated: 2025-04-22 11:50 PM MDT */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* Import Inter font */

:root {
  /* --- Golden Rule Typography --- */
  --font-family-base: 'Inter', sans-serif; /* Define Inter as the base font */
  --font-size-base: 0.9rem; /* Define the base font size */
  --font-weight-base: 400; /* Default font weight */
  --line-height-base: 1.5; /* Default line height */

  /* --- Other Global Variables (Optional Examples) --- */
  --color-primary: #0d6efd; /* Bootstrap primary blue */
  --color-secondary: #6c757d; /* Bootstrap secondary grey */
  --color-text-body: #212529; /* Default text color */
  --color-text-muted: #6c757d;
  --border-radius-base: 0.375rem; /* Bootstrap default */
}

body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-base);
  color: var(--color-text-body);
  /* background-color: #f8f9fa;  Example light background */
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased; /* Improve font rendering */
  -moz-osx-font-smoothing: grayscale;
}

/* Optional: Apply base border-radius to common elements */
.card, .btn, .form-control, .form-select, .alert, .modal-content {
    border-radius: var(--border-radius-base);
}

/* Ensure links inherit color properly unless specified */
a {
    /* color: var(--color-primary); */ /* Uncomment if you want all links blue by default */
    text-decoration: none; /* Remove underline by default */
}
a:hover {
   /* text-decoration: underline; */ /* Optional: Add underline on hover */
}