:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-strong: #ffffff;
  --text: #202124;
  --muted: #5f6368;
  --border: #dfe1e5;
  --border-strong: #c6c8cc;
  --accent: #1a73e8;
  --shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
  --shadow-soft: 0 1px 3px rgba(32, 33, 36, 0.18);
  --footer-bg: #f8f9fa;
  --footer-border: #dadce0;
  --footer-text: #70757a;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
}

body {
  display: flex;
  flex-direction: column;
}