@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap');
:root {
  --background: 36 14% 96%;
  --foreground: 30 7% 22%;
  --card: 0 0% 100%;
  --card-foreground: 30 7% 22%;
  --popover: 0 0% 100%;
  --popover-foreground: 30 7% 22%;
  --primary: 4 77% 48%;
  --primary-foreground: 0 0% 100%;
  --secondary: 36 14% 96%;
  --secondary-foreground: 30 7% 22%;
  --muted: 36 14% 96%;
  --muted-foreground: 30 5% 45%;
  --accent: 36 14% 96%;
  --accent-foreground: 30 7% 22%;
  --border: 34 12% 89%;
  --input: 34 12% 89%;
  --ring: 4 77% 48%;
  --radius: 0.75rem;
}
/* Dark mode: keep Gatus's dark surfaces, Sunrise red drives the accents */
:root.dark {
  --primary: 4 77% 52%;
  --primary-foreground: 0 0% 100%;
  --ring: 4 77% 52%;
}
html, body, button, input, textarea, select, optgroup {
  font-family: 'Figtree', 'Inter', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}