/**
 * BESTELLEN.CITY - GLOBAL DESIGN TOKENS
 * Path: /var/www/vhosts/bestellen.city/httpdocs/bc_styles/theme.css
 * Standard: Clean German Marketplace (Uber Eats inspired, Zero-Mock)
 */

:root {
  /* Typography */
  --bc-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --bc-font-mono: 'JetBrains Mono', monospace;

  /* Monochrome Surface & Background Palette */
  --bc-color-white: #FFFFFF;
  --bc-color-surface: #FAFAFA;
  --bc-color-gray-100: #F3F3F3;
  --bc-color-gray-200: #E5E5E5;
  --bc-color-gray-300: #D4D4D4;
  --bc-color-gray-400: #A3A3A3;
  --bc-color-gray-500: #757575;
  --bc-color-gray-700: #404040;
  --bc-color-gray-900: #141414;
  --bc-color-black: #000000;

  /* Semantic Accents (Strictly Functional) */
  --bc-color-green: #05944F;         /* Free delivery, open status */
  --bc-color-green-soft: #EDF7F1;
  --bc-color-danger: #D92D20;        /* Express, deal badges */
  --bc-color-danger-soft: #FEF3F2;
  --bc-color-brand-blue: #0969DA;    /* Map accents, radius highlight */

  /* Structural Dimensions */
  --bc-header-height: 72px;
  --bc-max-container: 1440px;

  /* Pill & Shape Radii */
  --bc-radius-pill: 9999px;
  --bc-radius-card: 16px;
  --bc-radius-thumb: 12px;
  --bc-radius-inner: 8px;

  /* Shadows */
  --bc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --bc-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --bc-shadow-fab: 0 4px 18px rgba(0, 0, 0, 0.16);
  --bc-shadow-modal: 0 20px 40px rgba(0, 0, 0, 0.2);

  /* Transitions */
  --bc-transition-fast: 0.15s ease;
  --bc-transition-normal: 0.25s ease;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-family: var(--bc-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bc-color-white);
  color: var(--bc-color-black);
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

img {
  max-width: 100%;
  display: block;
}

button, input {
  font-family: inherit;
}