:root {

    /* Barvy – čistá, nadčasová paleta */

    --bg-page: #fafafa;

    --bg-surface: #ffffff;

    --border-subtle: #e8e8ed;



    --text-primary: #1d1d1f;

    --text-secondary: #86868b;



    /* Plochy a akcenty */

    --surface-primary: #ffffff;

    --surface-alt: #f5f5f7;

    --surface-secondary: #f5f5f7;

    --surface-hover: #ebebef;

    --primary: #2c2c2e;

    --primary-hover: #1d1d1f;



    /* Stíny – jemné, „liquid glass“ */

    --shadow-surface: 0 1px 3px rgba(0, 0, 0, 0.06);

    --shadow-header: 0 1px 0 var(--border-subtle);



    /* Typografie */

    --font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;



    /* Rytmus */

    --space-xs: 4px;

    --space-s: 8px;

    --space-m: 16px;

    --space-l: 24px;

    --space-xl: 40px;



    /* Radius – mírně větší pro měkčí dojem */

    --radius-s: 8px;

    --radius-m: 12px;



    /* Hlavní sloupec: širší než čistě „čtecí“ šířka – tabulky (správa staveb, seznamy) na velkém monitoru */

    --page-max-width: min(100%, 92rem);

  }