/* Lusso: tokeny wspólne dla alusso.pl i szklarztorun.pl
   Marka wybierana atrybutem data-brand="alusso" | "szklarz" na <body> */
:root {
  /* neutralne: wspólne dla obu marek */
  --paper: #f3f5f4;
  --surface: #ffffff;
  --sunk: #e6ebe9;
  --line: #d2d9d6;
  --line-strong: #a3aeaa;
  --ink: #1a1a18;
  --ink-2: #4e5653;
  --ink-3: #5b6561;
  --dark: #121514;
  --dark-2: #1d2220;
  --on-dark: #eef2f0;
  --on-dark-2: #c3ccc8;
  --focus: #1a1a18;

  /* stałe kolory marek: do odwołań do marki siostrzanej */
  --brand-alusso: #b38e55;
  --brand-szklarz: #d06a8c;
  --brand-alusso-light: #cdae7b;
  --brand-szklarz-light: #eaa2b8;

  /* zdjęcia w tle: przyciemnienie pod tekst */
  --scrim: rgba(18, 21, 20, .86);
  --scrim-soft: rgba(18, 21, 20, .35);
  --scrim-band: rgba(18, 21, 20, .74);
  --scrim-page: rgba(18, 21, 20, .55);
  --veil: rgba(18, 21, 20, .66);
  --glass: rgba(18, 21, 20, .62);
  --on-photo: #eef2f0;
  --on-photo-2: rgba(238, 242, 240, .9);

  /* akcent: domyślnie Alusso (anodowane aluminium, szampan) */
  --accent: #b38e55;
  --accent-strong: #7d6033;
  --accent-tint: #efe6d6;
  --accent-on-dark: #dbbf8e;
  --on-accent: #1a1a18;

  /* krój */
  --font-display: "Michroma", "Arial Black", system-ui, sans-serif;
  --font-sans: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* odstępy */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* promienie: z narożników liter w logotypach */
  --r-s: 3px; --r-m: 6px; --r-l: 14px;

  --shadow-pane: 0 1px 0 rgba(26, 26, 24, .06), 0 18px 40px -24px rgba(18, 21, 20, .45);
  --container: 1240px;
}

[data-brand="szklarz"] {
  /* róż: kolor przewodni Szklarza (decyzja klienta 2026-10-30) */
  --accent: #b0466b;
  --accent-strong: #8a3352;
  --accent-tint: #f7e3ea;
  --accent-on-dark: #eaa2b8;
  --on-accent: #ffffff;
}

[data-brand="alusso"] {
  /* Koncepcja 25 „Film wnętrz” (alusso-film.css): grafit + szampan na ciemnym tle.
     Nazwy z prefiksem --film-, żeby nie zmieniać tokenów panelu (też data-brand="alusso"). */
  --film-bg: #0f1211;
  --film-bg-2: #151a18;
  --film-bg-3: #0b0d0c;
  --film-black: #050606;
  --film-panel: var(--dark-2);
  --film-panel-2: #252b29;
  --film-glass: rgba(11, 14, 13, .92); /* spis „W tym wnętrzu” na zdjęciu */
  --film-card: rgba(13, 16, 15, .97); /* karta punktu */
  --film-line: rgba(238, 242, 240, .1);
  --film-line-2: rgba(238, 242, 240, .24);
  --film-ink: var(--on-dark);
  --film-ink-soft: #d6dcda;
  --film-ink-2: #a9b4b0;
  --film-ink-3: #85908c;
  --film-nav: #c9d1ce;
  --film-acc: var(--brand-alusso);
  --film-acc-l: var(--brand-alusso-light);
  --film-acc-hi: #e6d0a8; /* punkt pod kursorem */
  --film-on-acc: #15120d;
  --film-btn: var(--on-dark);
  --film-btn-hi: #ffffff;
  --film-btn-ink: #121514;
  --film-bad: #e7a596;
  --film-menu: rgba(8, 10, 9, .97);
  --film-scrim: 8, 10, 9; /* rgb(): przyciemnienie pod tekstem na zdjęciach */
  --film-gut: max(16px, 4vw);
  --film-wrap: 1280px;
  --film-head: 72px;
  --film-r: 3px;
  --film-r-m: 6px;
  --film-r-l: 14px;
  --film-ease: cubic-bezier(.6, .05, .2, 1);
  --film-ease-out: cubic-bezier(.2, .7, .2, 1);
  --film-ease-io: cubic-bezier(.76, 0, .24, 1);
}
/* świat Luster: chłodniejszy grafit, jaśniejszy szampan */
[data-brand="alusso"][data-world="lustra"] {
  --film-bg: #0e1214; --film-bg-2: #131819; --film-bg-3: #0a0d0f; --film-panel: #1a2023; --film-panel-2: #232a2b;
  --film-glass: rgba(11, 14, 16, .92); --film-acc-l: #d3b98c; --film-scrim: 8, 11, 12;
}
/* świat Kamienia: ciepły grafit, bursztynowy szampan */
[data-brand="alusso"][data-world="kamien"] {
  --film-bg: #15120e; --film-bg-2: #1b1713; --film-bg-3: #0f0d0a; --film-black: #080706; --film-panel: #221d18; --film-panel-2: #2d2721;
  --film-glass: rgba(17, 14, 11, .92); --film-card: rgba(20, 17, 13, .97);
  --film-line: rgba(242, 237, 229, .1); --film-line-2: rgba(242, 237, 229, .24);
  --film-ink: #f2ede5; --film-ink-soft: #e2d9cc; --film-ink-2: #bcb1a2; --film-ink-3: #958a7b; --film-nav: #d6cdc0;
  --film-acc: #b8894f; --film-acc-l: #d6ad73; --film-scrim: 14, 11, 8; --film-menu: rgba(14, 11, 8, .97);
}
/* świat Kalkulatora: chłodny grafit jak anodowane aluminium */
[data-brand="alusso"][data-world="kalkulator"] {
  --film-bg: #0f1314; --film-bg-2: #141a1b; --film-bg-3: #0a0d0e; --film-panel: #1b2124; --film-panel-2: #232a2c;
  --film-glass: rgba(13, 17, 18, .92); --film-acc-l: #d2b684; --film-scrim: 9, 12, 13;
}

[data-brand="szklarz"] {
  /* Koncepcja 25 „Film wnętrz” dla Szklarza (alusso-film.css): neutralny grafit z różem
     zamiast szampana (bez zielonego odcienia). Te same nazwy --film-* co Alusso, inne wartości. */
  --film-bg: #131113;
  --film-bg-2: #19161a;
  --film-bg-3: #0d0b0d;
  --film-black: #060506;
  --film-panel: #1e1a1e;
  --film-panel-2: #282328;
  --film-glass: rgba(13, 11, 13, .92);
  --film-card: rgba(15, 13, 15, .97);
  --film-line: rgba(243, 238, 241, .1);
  --film-line-2: rgba(243, 238, 241, .24);
  --film-ink: #f3eef1;
  --film-ink-soft: #ddd6da;
  --film-ink-2: #b4aab0;
  --film-ink-3: #91878d;
  --film-nav: #d1c8cd;
  --film-acc: var(--brand-szklarz);
  --film-acc-l: var(--brand-szklarz-light);
  --film-acc-hi: #f6cad7; /* punkt pod kursorem */
  --film-on-acc: #1c0c12;
  --film-btn: #f3eef1;
  --film-btn-hi: #ffffff;
  --film-btn-ink: #161215;
  --film-bad: #f0b27a;
  --film-menu: rgba(9, 7, 9, .97);
  --film-scrim: 10, 8, 10;
  --film-gut: max(16px, 4vw);
  --film-wrap: 1280px;
  --film-head: 72px;
  --film-r: 3px;
  --film-r-m: 6px;
  --film-r-l: 14px;
  --film-ease: cubic-bezier(.6, .05, .2, 1);
  --film-ease-out: cubic-bezier(.2, .7, .2, 1);
  --film-ease-io: cubic-bezier(.76, 0, .24, 1);
}