@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');

:root {
  /* Brand colors */
  --color-primary: #c41e3a;
  --color-primary-hover: #a01830;
  
  /* Flag colors */
  --color-flag-green: #22c55e;
  --color-flag-yellow: #eab308;
  --color-flag-red: #ef4444;
  
  /* Neutral palette */
  --color-background: #fafafa;
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-border: #e5e5e5;
  --color-text-primary: #0a0a0a;
  --color-text-secondary: #525252;
  --color-text-muted: #a3a3a3;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #0a0a0a;
    --color-surface: #171717;
    --color-surface-elevated: #262626;
    --color-border: #404040;
    --color-text-primary: #fafafa;
    --color-text-secondary: #a3a3a3;
    --color-text-muted: #737373;
  }
}

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

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
  font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  background: var(--color-background);
  color: var(--color-text-primary);
}

a {
  color: inherit;
  text-decoration: none;
}

/* Utility classes */
.container {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Blur effect for preview content */
.blur-text {
  filter: blur(4px);
  user-select: none;
  pointer-events: none;
}

/* App Store badge */
.app-store-badge {
  display: inline-block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.app-store-badge:hover {
  transform: scale(1.02);
  opacity: 0.9;
}

.app-store-badge img {
  height: 48px;
  width: auto;
}