/* ============================================================
   INBUD Dukaczewski — Design Tokens v3
   ============================================================ */

:root {
  /* ── Backgrounds ──────────────────────────────────────── */
  --bg-base:        #0b0e14;
  --bg-card:        #141820;
  --bg-elevated:    #1e2330;
  --bg-section-alt: #181c24;

  /* ── Akcent — miedziany ruda ──────────────────────────── */
  --accent:         #e05d28;
  --accent-light:   #f07040;
  --accent-subtle:  rgba(224, 93, 40, 0.08);
  --accent-muted:   rgba(224, 93, 40, 0.45);

  /* ── Steel — niebieski dla "wody" ─────────────────────── */
  --steel:          #3d7fa8;

  /* ── Tekst (WCAG AA — kontrast na --bg-base #0b0e14) ─── */
  --text-primary:   #f0f3f8;  /* 16.1:1 ✓ */
  --text-secondary: #a8b2c4;  /*  6.8:1 ✓ */
  --text-muted:     #5a6478;  /*  3.2:1 — tylko etykiety/meta */

  /* ── Granice ──────────────────────────────────────────── */
  --border:         rgba(240, 243, 248, 0.08);
  --border-accent:  rgba(224, 93, 40, 0.25);

  /* ── Typografia ───────────────────────────────────────── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Spacing ──────────────────────────────────────────── */
  --space-section:   clamp(5rem, 10vw, 10rem);
  --space-container: clamp(1.5rem, 6vw, 6rem);

  /* ── Easing ───────────────────────────────────────────── */
  --ease-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);

  /* ── Misc ─────────────────────────────────────────────── */
  --radius:     4px;
  --radius-lg:  8px;
  --nav-h:      72px;
  --z-nav:      100;
  --z-floating: 200;
}