:root {
  /* Kolorystyka "hot coral" — sekcja 2 briefu */
  --color-bg: #0C0A0A;
  --color-bg-card: #181212;
  --color-bg-card-glass: rgba(24, 18, 18, 0.62);
  --color-accent: #FF5A3C;
  --color-accent-light: #FF8A6E;
  --color-text: #F7F3F0;
  --color-text-secondary: #9C9A92;

  --color-border: rgba(247, 243, 240, 0.08);
  --color-border-glow: rgba(255, 90, 60, 0.35);
  --color-success: #4ADE80;
  --color-error: #FF6B6B;

  --gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-accent-light));

  --font-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-accent: 0 8px 30px rgba(255, 90, 60, 0.25);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  --container-width: 1180px;

  --transition-fast: 0.2s ease;
  --transition-med: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-reveal: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}