@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');

/* =========================================================
   theme/variables.css — Przed Słońcem
   Jasny, minimalistyczny design. Inspiracja: Scandinavian /
   Swiss award-winning sites. Słońce jako główny akcent.
   ========================================================= */

:root {
  /* Tło — ciepła, niemal beżowa biel */
  --color-page:           #fafaf8;
  --color-surface:        #fafaf8;
  --color-surface-soft:   #f3f1ec;
  --color-surface-strong: #ffffff;

  /* Tekst */
  --color-text:           #111110;
  --color-muted:          #6b6860;
  --color-border:         rgba(17, 17, 16, 0.10);

  /* Akcent — ciepły słoneczny pomarańcz */
  --color-primary:        #e8920d;
  --color-primary-text:   #ffffff;
  --color-accent:         #e8920d;

  /* Fonty */
  --font-main:    'DM Sans', Arial, Helvetica, sans-serif;
  --font-heading: 'DM Serif Display', Georgia, serif;

  /* Zaokrąglenia — minimalistyczne, ostre */
  --radius-large:  12px;
  --radius-card:   10px;
  --radius-button: 8px;

  /* Cienie — subtelne, jasne */
  --shadow-soft: 0 16px 48px rgba(17, 17, 16, 0.08);
  --shadow-card: 0 4px 20px rgba(17, 17, 16, 0.07);

  --container: 1140px;
}