@import url('/shared/css/design-system.css');

:root {
  --accent: #d9534f; /* Original Pantry Butler Red */
  --accent-glow: rgba(217, 83, 79, 0.3);
  
  --background: #ffffff;
  --text: #595959;
  --text-dim: #888888;
  --border: #eeeeee;
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #1c1c1e;
    --text: #ffffff;
    --text-dim: rgba(235, 235, 245, 0.6);
    --border: rgba(255, 255, 255, 0.1);
    --glass-bg: rgba(28, 28, 30, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
  }
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: var(--background);
  background-image: url('images/nextbitebg.png');
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Outfit', sans-serif;
}

nextbite-app {
  display: block;
  height: 100%;
}