/* ============================================================
   /projects — DARK  ·  01) TOKENY
   ------------------------------------------------------------
   Stejná designová řeč jako finanční web (.ps-modern-home),
   jen převrácená do tmavého režimu.
   Vše je scoped pod  body.psx-dark  → na zbytek webu to nesáhne.
   Tělo třídy přidává functions.php (ps_projects_body_class).
   ============================================================ */

body.psx-dark {
  /* --- plochy --- */
  --psx-bg:          #06070a;   /* skoro černá – hlavní pozadí         */
  --psx-bg-elev:     #0d0f15;   /* o stupeň světlejší (vnořené plochy) */
  --psx-grid:        rgba(255,255,255,0.03);   /* čáry mřížky v pozadí */

  /* --- text --- */
  --psx-heading:     #f4f6fa;
  --psx-text:        #e8ebf0;
  --psx-text-soft:   #a5adba;

  /* --- fonty --- */
  --psx-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* --- akcenty (z finančního webu) --- */
  --psx-teal:        #1fabbc;
  --psx-teal-light:  #56c5d2;
  --psx-teal-deep:   #0d7782;
  --psx-coral:       #fc7c71;

  /* --- glass --- */
  --psx-glass:        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
  --psx-glass-strong: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.04));
  --psx-border:        rgba(255,255,255,0.10);
  --psx-border-strong: rgba(255,255,255,0.16);
  --psx-border-teal:   rgba( 86,205,218,0.20);   /* decentní teal okraj (sekce ciferníky) */
  --psx-border-coral:  rgba(255,140,128,0.20);   /* decentní coral okraj (sekce WordPress) */
  /* inner shadow / rim light – neutrální (patička, topbar) */
  --psx-hi:
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 0 0 1px rgba(255,255,255,0.05),
    inset 0 20px 44px -14px rgba(255,255,255,0.16),
    inset 0 -20px 40px -24px rgba(255,255,255,0.06);
  /* tónované varianty – inner shadow v barvě borderu */
  --psx-hi-teal:
    inset 0 1px 0 rgba(120,224,238,0.34),
    inset 0 0 0 1px rgba(120,224,238,0.08),
    inset 0 20px 44px -14px rgba(120,224,238,0.24),
    inset 0 -20px 40px -24px rgba(120,224,238,0.08);
  --psx-hi-coral:
    inset 0 1px 0 rgba(255,164,152,0.32),
    inset 0 0 0 1px rgba(255,164,152,0.08),
    inset 0 20px 44px -14px rgba(255,164,152,0.22),
    inset 0 -20px 40px -24px rgba(255,164,152,0.07);
  /* vnější stín = kontaktní + měkký ambient (Material elevation) */
  --psx-shadow:        0 3px 8px rgba(0,0,0,0.38), 0 28px 60px -18px rgba(0,0,0,0.62);
  --psx-shadow-soft:   0 2px 6px rgba(0,0,0,0.32), 0 18px 40px -18px rgba(0,0,0,0.48);
  --psx-blur:          18px;

  /* --- rádiusy / rozměry (shodné s .ps-modern-home) --- */
  --psx-radius-xl: 34px;
  --psx-radius-lg: 28px;
  --psx-radius-md: 20px;
  --psx-container: 1040px;

  /* odsazení shora = fixní ps menu + mezera (fallback, než doběhne JS) */
  --psx-nav-space: 118px;
}

@media (max-width: 767px) {
  body.psx-dark { --psx-nav-space: 100px; }
}