/*
 * Projekt: spychalskikarol.pl v5
 * Autor:   Karol Spychalski
 * WWW:     https://spychalskikarol.pl
 * Rok:     2026
 */

:root {
  /* ── CZERŃ ── */
  --void:    #030305;
  --ink:     #060608;
  --surface: #09090C;
  --card:    #0C0C10;
  --raised:  #101014;
  --lift:    #141418;

  /* ── ZŁOTO — matowe, brudne ── */
  --gold:      #A07830;
  --gold-hi:   #C09848;
  --gold-pale: #DDB870;
  --gold-dim:  #52400C;
  --ggl:       rgba(160,120,48,.09);
  --ggl2:      rgba(160,120,48,.18);
  --ggl3:      rgba(160,120,48,.32);

  /* ── WINO — głęboka burgundia ── */
  --wine:      #3E0D1E;
  --wine-mid:  #5C1530;
  --wine-hi:   #7A1D42;
  --wine-txt:  #B84D68;   /* tekst/tagline */
  --wine-pale: #D4768E;
  --wgl:       rgba(62,13,30,.45);
  --wgl2:      rgba(62,13,30,.65);

  /* ── TEKST ── */
  --tx:      #E0D8C8;
  --tx-sub:  #706880;
  --tx-mute: #302E40;
  --tx-wine: #B84D68;
  --tx-gold: #A07830;

  /* ── BORDERY ── */
  --b:     rgba(160,120,48,.07);
  --b-mid: rgba(160,120,48,.16);
  --b-hi:  rgba(160,120,48,.32);
  --bw:    rgba(62,13,30,.5);

  /* ── FONTY ── */
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Outfit', system-ui, sans-serif;

  /* ── EASING ── */
  --ease:   cubic-bezier(.4,0,.2,1);
  --out:    cubic-bezier(0,0,.2,1);
  --spring: cubic-bezier(.34,1.56,.64,1);
  --tf: 150ms;
  --tm: 300ms;
  --ts: 580ms;

  /* ── SHADOWS ── */
  --sh-sm: 0 2px 10px rgba(0,0,0,.5);
  --sh-md: 0 6px 24px rgba(0,0,0,.6);
  --sh-lg: 0 16px 48px rgba(0,0,0,.75);
  --sh-g:  0 0 36px rgba(160,120,48,.2);
  --sh-w:  0 0 28px rgba(62,13,30,.4);

  /* ── RADIUS ── */
  --r-xs: 3px; --r-sm: 6px; --r-md: 10px;
  --r-lg: 16px; --r-xl: 22px; --r-pill: 9999px;

  /* ── LAYOUT ── */
  --w: min(1260px, 100% - clamp(1.25rem, 5vw, 5.5rem));
  --gap: clamp(3.5rem, 8vw, 7rem);
}

/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  background: var(--void);
  color: var(--tx);
  font-family: var(--sans);
  font-weight: 300;
  line-height: 1.7;
  overflow-x: hidden;
  cursor: none;
}

::selection { background: var(--gold-dim); color: var(--void); }
a { color: inherit; text-decoration: none; }
button { cursor: none; border: none; background: none; font: inherit; }
ul { list-style: none; }
img, video { max-width: 100%; display: block; object-fit: cover; }
input, textarea { font: inherit; }
h1,h2,h3,h4 { font-family: var(--serif); font-weight: 600; line-height: 1.08; }

/* ── A11Y MODES ── */
body.hc { --tx:#fff; --tx-sub:#ccc; --b:rgba(160,120,48,.4); }
body.lt { font-size: 19px; }
body.df { font-family: Arial, sans-serif !important; letter-spacing: .05em; line-height: 1.95; }
body.rm *, body.rm *::before, body.rm *::after {
  animation-duration: .01ms !important;
  transition-duration: .01ms !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* Touch = no custom cursor */
@media (hover: none) {
  body { cursor: auto; }
  .cur-c { display: none; }
}