/* =======================
   GLOBAL ROOT VARIABLES
========================== */
:root {
  --font-family-base: "Segoe UI", sans-serif;
  --font-size-base: 13px;
  --font-scale: 1;
  --color-primary: #3366ff;
  --color-secondary: #f3f3f3;
  --color-error: #ff4444;
  --color-success: #00cc66;
}

/* =======================
   BASIC RESET + BASE
========================== */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  background: #fff;
  color: #111;
}

a {
  text-decoration: none;
  color: var(--color-primary);
}

button {
  font-family: inherit;
  cursor: pointer;
}