/* ============================================================================
   SYCOMP AI PATCH CENTER · SPACING & LAYOUT TOKENS
   The source sheet is NOT on a 4px grid: it uses a 2px-resolution scale with
   real values of 5, 6, 7, 9, 14, 18, 22, 26. Those odd steps are the house
   rhythm — keep them.
   ========================================================================== */
:root {
--space-0:  0;
--space-1:  2px;
--space-2:  4px;
--space-3:  5px;   /* swatch gaps                     */
--space-4:  6px;
--space-5:  7px;   /* bar-chart gaps                  */
--space-6:  8px;
--space-7:  10px;
--space-8:  12px;
--space-9:  14px;  /* card / nav padding              */
--space-10: 16px;  /* card padding, standard          */
--space-11: 18px;
--space-12: 20px;
--space-13: 22px;  /* panel padding                   */
--space-14: 26px;
--space-15: 28px;  /* page gutter                     */
--space-16: 56px;
--space-17: 72px;  /* section rhythm                  */
--space-18: 96px;

/* Component padding pairs ------------------------------------------- */
--pad-button:      9px 16px;
--pad-button-pill: 8px 14px;
--pad-input:       9px 12px;
--pad-badge:       3px 10px;
--pad-card:        16px;
--pad-panel:       22px;
--pad-cell:        8px 10px;
--pad-nav-item:    7px 14px;

/* Layout ------------------------------------------------------------ */
--layout-max:        1100px;  /* document / settings measure           */
--layout-gutter:     28px;
--measure-prose:     62ch;
--measure-note:      70ch;
--sidebar-w:         168px;   /* app-shell nav rail                    */
--section-gap:       72px;
--hairline:          1px;
--nav-active-marker: 3px;     /* left border on active nav item        */
}