/* SaaS Design System Tokens */
:root {
  --saas-radius: 8px;
  --saas-border-color: #e2e8f0;
  /* Slate 200 */
  --saas-border: 1px solid var(--saas-border-color);
  --saas-bg-main: #f8fafc;
  /* Slate 50 */
  --saas-font: 'Inter', system-ui, -apple-system, sans-serif;
  --saas-grid: 8px;
  --saas-card-padding: 24px;
}

/* Global Utility Overrides */
.rounded-borders {
  border-radius: var(--saas-radius) !important;
}

/* Global Typography & Background */
body {
  font-family: var(--saas-font);
  background-color: var(--saas-bg-main);
  color: #1e293b;
  /* Slate 800 */
  -webkit-font-smoothing: antialiased;
}

/* Base Utility Overrides */
/* Remove Heavy Shadows globally */
.q-shadow-1,
.q-shadow-2,
.q-card,
.q-btn,
.q-field--outlined .q-field__control {
  box-shadow: none !important;
}

/* Harmonize Buttons */
.q-btn {
  border-radius: var(--saas-radius);
  text-transform: none;
  /* Modern non-caps look */
  font-weight: 500;
  letter-spacing: normal;
}

.q-btn--outline {
  border: var(--saas-border);
}

/* Harmonize Inputs (Force Outlined aesthetic) */
.q-field--outlined .q-field__control {
  border-radius: var(--saas-radius) !important;
  border: var(--saas-border);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.q-field--outlined .q-field__control:before {
  border: none !important;
  /* Hide Quasar's default pseudo-border */
}

.q-field--outlined.q-field--focused .q-field__control {
  border-color: var(--q-primary) !important;
}

/* Enterprise Cards */
.q-card {
  border: var(--saas-border);
  border-radius: var(--saas-radius);
  background: #ffffff;
}

.q-card__section {
  padding: var(--saas-card-padding);
}

/* Precision Grid Alignment Utilities */
.q-pa-md {
  padding: calc(var(--saas-grid) * 2) !important;
}

/* 16px */
.q-ma-md {
  margin: calc(var(--saas-grid) * 2) !important;
}

/* Consistency Helper for Input Controls */
.q-field__marginal {
  height: 48px;
}

.q-field--dense .q-field__control,
.q-field--dense .q-field__marginal {
  height: 40px;
}