/* ============================================================
   URBINO DS PATCH · LAYOUT TOKENS — semantic.css ADDITIONS
   ============================================================

   Merge into: tokens/semantic.css
   Location:   end of :root { … } block, just before the closing brace
               (after the existing token sections, before legacy aliases)

   Why:        tokens/README.md (Layer 2 list) declares these tokens as
               part of the semantic contract; components/layout.css
               references them in .u-page; but they were never actually
               defined. This patch closes the gap.

   Values:     Every number here is already documented in docs/spacing.md
               §4 (Page anatomy) — this file does not introduce new
               numbers, only codifies the existing recipe into tokens.

   No new primitives, no breaking changes. Purely additive.
   ============================================================ */

:root {

  /* ============================================================
     LAYOUT — page padding, max widths, sidebar widths
     ============================================================ */

  /* Page padding (manager default).
     docs/spacing.md §4 / §4.1: "20px vertical, 24px horizontal". */
  --u-page-px:               var(--u-space-6);   /* 24 */
  --u-page-py:               var(--u-space-5);   /* 20 */

  /* Page max content widths.
     docs/spacing.md §4.2:
       - Manager canvas       1280
       - Manager form         (new — see patch findings)  960
       - Detail two-column    1280 (main flexes + 320 sidebar) */
  --u-page-max-w:             1280px;             /* canvas default */
  --u-page-max-w-form:        960px;              /* settings, content editors */
  --u-page-max-w-detail:      1280px;             /* detail-view two-column outer */

  /* Sidebars.
     docs/spacing.md §4: app-shell sidebar 240/64 (collapsed).
     Detail-view right rail (map + timeline cluster): 320. */
  --u-sidebar-w:              240px;              /* app-shell left nav, expanded */
  --u-sidebar-w-collapsed:    64px;               /* app-shell left nav, collapsed */
  --u-detail-sidebar-w:       320px;              /* detail-view right rail */

  /* Dense / form variants of page padding — used by .u-page--mgr-dense
     (already declared in components/layout.css). Codified here so
     consumers can opt in without hard-coding. */
  --u-page-px-dense:          var(--u-space-5);   /* 20 */
  --u-page-py-dense:          var(--u-space-4);   /* 16 */

}


/* ============================================================
   CITIZEN OVERRIDES — merge into tokens/world-cit.css
   ============================================================
   Append to the existing .urbino-cit { … } block.
   ============================================================ */

.urbino-cit {

  /* Citizen mobile/web override the page max-width via the
     class variants in components/layout.css (.u-page--cit-mobile,
     .u-page--cit-web). The base citizen world does NOT override
     the default --u-page-max-w — it lets the variant class win.

     However, the citizen world DOES override page padding when
     applied outside the variant classes. */
  --u-page-px:               var(--u-space-4);   /* 16 mobile-leaning default */
  --u-page-py:               var(--u-space-6);   /* 24 */

}