/* =====================================================================
   Obsidia Shop — DESIGN TOKENY (design systém)
   ---------------------------------------------------------------------
   Jediná vrstva, která drží značku. shop.css používá VÝHRADNĚ tyto
   proměnné → komponenty jsou od značky oddělené. Rebrand obchodu:
     1) přepni motiv v config.php (theme.preset → light | obsidia)
     2) nebo uprav accent v config.php (theme.accent)
   ===================================================================== */
:root {
  /* ---- sdílené napříč motivy (typografie, rytmus, tvary) ---- */
  --font: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ease: cubic-bezier(0.28, 0.11, 0.32, 1);
  --spring: cubic-bezier(0.32, 1.42, 0.46, 1);      /* pružné dojezdy karet a sheetů */
  --radius: 18px; --radius-sm: 8px; --radius-md: 11px; --radius-lg: 18px; --radius-pill: 9999px;
  --sheet-radius: 26px;                              /* zaoblení horní hrany vyjíždějící karty */
  --shop-maxw: 1440px; --content-maxw: 1080px;
  --shadow-product: 3px 5px 30px 0 rgba(0, 0, 0, 0.22);   /* stín glyfu produktu */
  /* ---- rozměry mobilního app shellu ---- */
  --dock-h: 54px;                                   /* výška tenkého spodního doku (bez safe-area) */
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  /* ---- accent (customizace klienta; hlavicka.php přepisuje z config.php) ---- */
  --accent: #0066cc; --accent-focus: #0071e3; --accent-ink: #ffffff;
}

/* =================== MOTIV: light (default, Apple-clean) =================== */
:root, [data-theme="light"] {
  --canvas: #ffffff; --parchment: #f5f5f7; --pearl: #fafafc;
  --tile-dark: #1d1d1f; --on-dark: #ffffff; --on-dark-muted: #cccccc;
  --ink: #1d1d1f; --ink-2: #57575b; --ink-3: #6b6b70;
  --hairline: #d2d2d7; --hairline-soft: rgba(0, 0, 0, 0.08);
  --nav-bg: rgba(255, 255, 255, 0.72);          /* frosted hlavička */
  --ph-1: #fbfbfd; --ph-2: #eef0f3;             /* plocha „obrázku" produktu */
  --photo-bg: #eeeef0;                          /* přesné pozadí produktových fotografií */
  /* materiály app shellu (dok, sheet, karty) */
  --dock-bg: rgba(255, 255, 255, 0.9);
  --sheet-bg: #ffffff;
  --scrim: rgba(20, 20, 22, 0.32);              /* ztmavení pozadí pod sheetem */
  --card-hi: rgba(255, 255, 255, 0.9);          /* horní světelná hrana karty */
  --elev-1: 0 1px 2px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(0, 0, 0, 0.05);
  --elev-2: 0 10px 30px rgba(0, 0, 0, 0.12);
  --elev-sheet: 0 -12px 44px rgba(0, 0, 0, 0.18);
}

/* =================== MOTIV: obsidia (tmavá značka, fialový accent) =================== */
[data-theme="obsidia"] {
  --canvas: #000000; --parchment: #0a0a0b; --pearl: #101012;
  --tile-dark: #000000; --on-dark: #f5f5f7; --on-dark-muted: #cccccc;
  --ink: #f5f5f7; --ink-2: rgba(245, 245, 247, 0.62); --ink-3: rgba(245, 245, 247, 0.40);
  --hairline: rgba(255, 255, 255, 0.12); --hairline-soft: rgba(255, 255, 255, 0.06);
  --accent: #a78bfa; --accent-focus: #a78bfa; --accent-ink: #14101f;
  --nav-bg: rgba(10, 10, 12, 0.72);
  --ph-1: #1a1a1e; --ph-2: #101013;
  --dock-bg: rgba(10, 10, 12, 0.92);
  --sheet-bg: #101012;
  --scrim: rgba(0, 0, 0, 0.58);
  --card-hi: rgba(255, 255, 255, 0.06);
  --elev-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 18px rgba(0, 0, 0, 0.5);
  --elev-2: 0 10px 30px rgba(0, 0, 0, 0.6);
  --elev-sheet: 0 -12px 44px rgba(0, 0, 0, 0.7);
}