/**
 * Global styles for the application
 * 
 * Note: Most UI is rendered inside web component shadow DOM,
 * so these styles only affect the light DOM (body, html, etc.)
 */

/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Base body styles */
body {
  font-family: var(--font-family);
  line-height: 1.6;
  background-color: var(--color-background);
  color: var(--color-text);
  min-height: 100vh;
}

/* Ensure html takes full height for login page gradient */
html {
  min-height: 100%;
}