:root {
  /* Barevná identita
     Nosná: tmavá modrofialová #1f1c3e — odstíny --navy-*
     Sekundární: modrá #56bfe6 — --cyan, na světlém pozadí --cyan-deep
     Doplňková: bílá #fff */
  --navy: #1f1c3e;
  --navy-deep: #16142c;
  --navy-soft: #2a2654;
  --navy-tint: #191b43;
  --navy-panel: #191631;
  --cyan: #56bfe6;
  --cyan-deep: #168ab5;
  --paper: #f6f6fa;
  --white: #fff;
  --ink: #181535;
  --muted: #6c6a84;
  --line: rgba(31, 28, 62, .13);

  /* RGB kanály pro průhlednost — rgba(var(--cyan-rgb), .5) */
  --navy-rgb: 31,28,62;
  --navy-deep-rgb: 22,20,44;
  --cyan-rgb: 86,191,230;

  --shell: min(1380px, calc(100vw - 96px));
  --radius: 28px;
  --font-round: "all-round-gothic", "All Round Gothic", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
}

@media (max-width: 1180px) {
  :root { --shell: min(100% - 56px, 1100px); }
}

@media (max-width: 960px) {
  :root { --shell: min(100% - 48px, 760px); }
}

@media (max-width: 640px) {
  :root { --shell: calc(100% - 34px); --radius: 22px; }
}