/* ══════════════════════════════════════════════════════
   PALETA A — SLATE + WARM COPPER
   Override CSS variables z styles.css.
   Ladowany MIEDZY styles.css a styles-enhance.css.
   ══════════════════════════════════════════════════════ */

:root {
  --bg: #f8f6f2;
  --surface: #ffffff;
  --surface-soft: #f0ede8;
  --ink: #1a1f2e;
  --muted: #6b7080;
  --line: #d8d4ce;
  --brand: #1a1f2e;
  --brand-dark: #121728;
  --brand-soft: #e8e4de;
  --accent: #c89060;
  --accent-strong: #b07a4a;
  --accent-soft: #f5ece2;
}

body {
  background:
    radial-gradient(circle at top right, rgba(200, 144, 96, 0.08), transparent 28%),
    radial-gradient(circle at bottom left, rgba(18, 23, 40, 0.04), transparent 24%),
    linear-gradient(180deg, #faf8f5 0%, #f4f1ec 100%);
}

.site-header {
  background: rgba(248, 246, 242, 0.86);
  border-bottom-color: rgba(216, 212, 206, 0.72);
  box-shadow: 0 12px 28px rgba(26, 31, 46, 0.05);
}

::selection {
  background: rgba(200, 144, 96, 0.18);
  color: var(--brand-dark);
}