/* ═══════════════════════════════════════════
   CHECK ESTUDIO — Spacing, Radius & Shadow Tokens
   ═══════════════════════════════════════════ */

:root {
  /* ── Spacing scale ── */
  --space-1:    4px;
  --space-2:    8px;
  --space-3:    12px;
  --space-4:    16px;
  --space-5:    20px;
  --space-6:    24px;
  --space-7:    28px;
  --space-8:    32px;
  --space-9:    36px;
  --space-10:   40px;
  --space-12:   48px;
  --space-16:   64px;
  --space-20:   80px;
  --space-24:   96px;

  /* ── Semantic spacing ── */
  --page-padding:       48px;
  --page-padding-mobile: 24px;
  --section-padding-y:  96px;
  --section-gap:        80px;
  --nav-padding-x:      48px;
  --nav-gap:            36px;
  --grid-gap:           24px;

  /* ── Border radius ── */
  --radius-none:   0px;
  --radius-xs:     1px;
  --radius-sm:     2px;
  --radius-md:     4px;
  --radius-full:   9999px;

  /* ── Shadows ──
     The brand uses NO shadows.
     Flat aesthetic only. */
  --shadow-none:   none;

  /* ── Borders ── */
  --border-width:  1px;

  /* ── Transitions ── */
  --ease-default:  ease; /* @kind other */
  --duration-fast: 0.2s; /* @kind other */
  --duration-mid:  0.25s; /* @kind other */
  --duration-slow: 0.35s; /* @kind other */
  --duration-carousel: 1s; /* @kind other */

  /* ── Z-index scale ── */
  --z-nav:       200; /* @kind other */
  --z-burger:    201; /* @kind other */
  --z-overlay:   100; /* @kind other */
  --z-menu:      300; /* @kind other */
}