/*
 * Design tokens for Księgarnia Smaków Premium theme
 *
 * Centralna konfiguracja kolorów, typografii, odstępów, radiusów i animacji.
 * Zmiana tokenów tutaj wpływa na cały motyw.
 */

:root {
  /* =========================
     COLOR PALETTE
     ========================= */
  --color-bg: #071c15;
  --color-bg-alt: #0b2a20;
  --color-card: #0d3327;
  --color-card-alt: #0b241b;
  --color-text: #f4efe7;
  --color-text-muted: rgba(244, 239, 231, 0.75);
  --color-text-muted-light: rgba(244, 239, 231, 0.55);

  --color-primary: #c9ab63; /* gold */
  --color-primary-light: #e2c987;
  --color-primary-dark: #b3924d;
  --color-accent: #8b5e3c; /* winchester */
  --color-line: rgba(201, 171, 99, 0.22);

  /* Czasem potrzebujesz ciemnego tekstu na jasnym tle (np. złote buttony) */
  --color-dark-text: #1b120a;

  /* =========================
     SHADOWS
     ========================= */
  --shadow-default: 0 30px 70px rgba(0, 0, 0, 0.45);
  --shadow-elevated: 0 20px 45px rgba(0, 0, 0, 0.35);

  /* =========================
     RADII
     ========================= */
  /* Slightly increase the radius values to give cards and interactive elements a softer, more luxurious feel. */
  --radius-base: 24px;
  --radius-lg: 32px;

  /* =========================
     SPACING SCALE
     ========================= */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  /* Expand the spacing scale for a more airy layout on large screens. More whitespace enhances the premium look. */
  --space-5: 24px;
  --space-6: 28px;
  --space-7: 32px;
  --space-8: 40px;

  /* =========================
     TYPOGRAPHY
     Smukła, nowoczesna i czytelna (bez serifów)
     ========================= */
  --font-family-base: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;

  /* Ujednolicamy nagłówki: też smukłe sans-serif */
  --font-family-heading: var(--font-family-base);

  /* Kompatybilność (u Ciebie część sekcji może używać var(--serif)) */
  --serif: var(--font-family-base);

  /* Increase the base font sizes slightly for better readability on desktop screens. */
  --font-size-base: 17px;
  --font-size-sm: 15px;
  --font-size-lg: 22px;

  /* =========================
     MOTION
     ========================= */
  --animation-ease: cubic-bezier(.2, .8, .2, 1);
}