:root {
  /* Fonts (Pflicht Rockmylisting) */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Assistant', sans-serif;

  /* Colors — abgestimmt auf app.rockmylisting.de + rockmylisting.de (echte Marke): Fast-Schwarz + Orange, kein Navy/Teal */
  --color-navy-900: #0A0A0A;
  --color-navy-800: #141414;
  --color-navy-700: #1D1D1D;
  --color-navy-600: #2A2A2A;

  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F3EF;

  --color-text: #0A0A0A;
  --color-text-muted: #63636B;
  --color-text-on-dark: #FFFFFF;
  --color-text-on-dark-muted: #A3A3A8;

  --color-gold: #E8950A;
  --color-gold-dark: #C67C08;
  --color-gold-light: #FFB020;

  --color-border: #E7E5E0;
  --color-border-dark: rgba(255, 255, 255, 0.1);

  --color-success: #16A34A;
  --color-danger: #DC2626;

  /* Spacing (4/8px Rhythmus) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Shadow (flach, dezent — kein Glassmorphism) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.35);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;

  /* Container */
  --container-max: 1200px;
}