/* --- global.css --- */
:root {
  --uni-padding: 20px;
  --uni-font-family: sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
  --uni-font-size: 1em;
  --uni-font-weight: 400;
  --uni-line-height: 1.5;
  --uni-color: #333;
  --uni-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --uni-text-color: #333;
  --uni-link-color: #007bff;
  --uni-link-hover-color: #0056b3;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body {
  font-family: var(--uni-font-family);
  background: var(--uni-background);
  color: var(--uni-text-color);
  font-size: var(--uni-font-size);
  line-height: var(--uni-line-height);
  box-sizing: border-box;
}

/* --- Utility Classes --- */
.hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}