/* ==========================================================================
   Compresso — Layout tokens
   Container widths, nav height, and z-index scale.
   ========================================================================== */

:root {
  --container-narrow: 760px;    /* prose, FAQ, single-column CTA */
  --container-max:    1200px;   /* default section container */
  --container-wide:   1320px;   /* hero, bento grid */
  --gutter:           clamp(1.25rem, 4vw, 2.5rem);  /* @kind spacing */

  --nav-height:       72px;

  /* Z-index scale */
  --z-base:     0;     /* @kind other */
  --z-raised:   10;    /* @kind other */
  --z-sticky:   100;   /* @kind other */  /* sticky nav */
  --z-dropdown: 200;   /* @kind other */  /* language menu, selects */
  --z-overlay:  900;   /* @kind other */  /* modal scrim */
  --z-modal:    1000;  /* @kind other */  /* dialog */
  --z-toast:    1100;  /* @kind other */
  --z-tooltip:  1200;  /* @kind other */
}