/* ============================================================
   DESIGN TOKENS — Futo Sushi & Asian Food (Biała Podlaska)
   Motyw: ciemny (near-black) + czerwień z logo + akcent sakura
   ============================================================ */
:root {
  /* --- Tła i powierzchnie (ciemny motyw) --- */
  --bg:         #0E0E10;
  --bg-2:       #141417;
  --surface:    #1A1A1E;
  --surface-2:  #212127;
  --surface-3:  #2A2A31;

  /* --- Tekst --- */
  --ink:        #F5F1E9;
  --ink-2:      #C7C1B6;
  --ink-3:      #928C82;
  --on-accent:  #FFFFFF;

  /* --- Marka: czerwień (z logo) + akcenty --- */
  --red:        #E11B22;
  --red-d:      #B0141A;
  --red-l:      #F24149;
  --red-wash:   rgba(225,27,34,.12);
  --sakura:     #F6A9B2;
  --gold:       #E4B95B;

  /* --- Linie / obramowania --- */
  --line:       rgba(245,241,233,.10);
  --line-2:     rgba(245,241,233,.18);

  /* --- Cienie --- */
  --shadow-s: 0 1px 2px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);
  --shadow-m: 0 10px 30px -10px rgba(0,0,0,.55), 0 3px 8px rgba(0,0,0,.35);
  --shadow-l: 0 30px 70px -20px rgba(0,0,0,.7), 0 10px 24px -12px rgba(0,0,0,.5);
  --shadow-red: 0 12px 34px -12px rgba(225,27,34,.5);

  /* --- Promienie --- */
  --r-xs: 8px;
  --r-s:  12px;
  --r:    16px;
  --r-l:  22px;
  --r-pill: 999px;

  /* --- Layout --- */
  --container: 1180px;
  --gap: clamp(1rem, 3vw, 2rem);
  --section-y: clamp(3.5rem, 8vw, 7rem);

  /* --- Typografia (self-host: Bebas Neue display + Poppins tekst) --- */
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Bebas Neue", "Arial Narrow", "Helvetica Neue", system-ui, sans-serif;

  /* Skala typografii (fluid) */
  --t-xs:   clamp(.75rem,  .72rem + .15vw, .82rem);
  --t-sm:   clamp(.86rem,  .83rem + .2vw,  .95rem);
  --t-base: clamp(1rem,    .97rem + .25vw, 1.08rem);
  --t-md:   clamp(1.12rem, 1.05rem + .4vw, 1.3rem);
  --t-lg:   clamp(1.35rem, 1.2rem + .8vw,  1.75rem);
  --t-xl:   clamp(1.8rem,  1.4rem + 1.8vw, 2.7rem);
  --t-2xl:  clamp(2.3rem,  1.7rem + 3vw,   3.8rem);

  /* --- Inne --- */
  --tap: 44px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --header-h: 78px;
}