/* ==========================================================================
    MDDS — Primitive Interface Tokens (:root)
    Unit scale, layout breakpoints, z-index layers
    ⚠️  AUTO-GENERATED by build-tokens.mjs — do not edit manually
   ========================================================================== */

:root {

  /* ═══════════════════════════════════════
     PX SCALE
     ═══════════════════════════════════════ */

  /* ── Unit (px) ── */

  --md-unit-0: 0;
  --md-unit-1: 1px;
  --md-unit-2: 2px;
  --md-unit-3: 4px;
  --md-unit-4: 6px;
  --md-unit-5: 8px;
  --md-unit-6: 10px;
  --md-unit-7: 12px;
  --md-unit-8: 14px;
  --md-unit-9: 16px;
  --md-unit-10: 20px;
  --md-unit-11: 24px;
  --md-unit-12: 32px;
  --md-unit-13: 40px;
  --md-unit-14: 48px;
  --md-unit-15: 56px;
  --md-unit-16: 64px;
  --md-unit-17: 72px;
  --md-unit-18: 80px;
  --md-unit-19: 88px;
  --md-unit-20: 96px;
  --md-unit-21: 104px;
  --md-unit-22: 112px;
  --md-unit-23: 120px;
  --md-unit-24: 128px;
  --md-unit-25: 136px;
  --md-unit-26: 144px;
  --md-unit-27: 188px;

  /* ── Layout (px) ── */

  --md-layout-0: 0;
  --md-layout-1: 320px;
  --md-layout-2: 600px;
  --md-layout-3: 640px;
  --md-layout-4: 720px;
  --md-layout-5: 768px;
  --md-layout-6: 960px;
  --md-layout-7: 1024px;
  --md-layout-8: 1200px;
  --md-layout-9: 1280px;
  --md-layout-10: 1440px;
  --md-layout-11: 1536px;
  --md-layout-12: 1600px;
  --md-layout-13: 1920px;

  /* ── Layer (unitless) ── */

  --md-layer-n1: -1;
  --md-layer-0: 0;
  --md-layer-1: 10;
  --md-layer-2: 50;
  --md-layer-3: 100;
  --md-layer-4: 200;
  --md-layer-5: 300;
  --md-layer-6: 400;
  --md-layer-7: 500;
  --md-layer-8: 600;
  --md-layer-9: 700;
  --md-layer-10: 800;
  --md-layer-11: 900;
  --md-layer-12: 1000;
  --md-layer-13: 1920;
  --md-layer-14: 9999;

  /* ═══════════════════════════════════════
     REM SCALE (base 16px)
     ═══════════════════════════════════════ */

  /* ── Unit (rem) ── */

  --md-unit-0-rem: 0;               /* 0 */
  --md-unit-1-rem: 0.0625rem;       /* 1px */
  --md-unit-2-rem: 0.125rem;        /* 2px */
  --md-unit-3-rem: 0.25rem;         /* 4px */
  --md-unit-4-rem: 0.375rem;        /* 6px */
  --md-unit-5-rem: 0.5rem;          /* 8px */
  --md-unit-6-rem: 0.625rem;        /* 10px */
  --md-unit-7-rem: 0.75rem;         /* 12px */
  --md-unit-8-rem: 0.875rem;        /* 14px */
  --md-unit-9-rem: 1rem;            /* 16px */
  --md-unit-10-rem: 1.25rem;        /* 20px */
  --md-unit-11-rem: 1.5rem;         /* 24px */
  --md-unit-12-rem: 2rem;           /* 32px */
  --md-unit-13-rem: 2.5rem;         /* 40px */
  --md-unit-14-rem: 3rem;           /* 48px */
  --md-unit-15-rem: 3.5rem;         /* 56px */
  --md-unit-16-rem: 4rem;           /* 64px */
  --md-unit-17-rem: 4.5rem;         /* 72px */
  --md-unit-18-rem: 5rem;           /* 80px */
  --md-unit-19-rem: 5.5rem;         /* 88px */
  --md-unit-20-rem: 6rem;           /* 96px */
  --md-unit-21-rem: 6.5rem;         /* 104px */
  --md-unit-22-rem: 7rem;           /* 112px */
  --md-unit-23-rem: 7.5rem;         /* 120px */
  --md-unit-24-rem: 8rem;           /* 128px */
  --md-unit-25-rem: 8.5rem;         /* 136px */
  --md-unit-26-rem: 9rem;           /* 144px */
  --md-unit-27-rem: 11.75rem;       /* 188px */

  /* ── Layout (rem) ── */

  --md-layout-0-rem: 0;             /* 0 */
  --md-layout-1-rem: 20rem;         /* 320px */
  --md-layout-2-rem: 37.5rem;       /* 600px */
  --md-layout-3-rem: 40rem;         /* 640px */
  --md-layout-4-rem: 45rem;         /* 720px */
  --md-layout-5-rem: 48rem;         /* 768px */
  --md-layout-6-rem: 60rem;         /* 960px */
  --md-layout-7-rem: 64rem;         /* 1024px */
  --md-layout-8-rem: 75rem;         /* 1200px */
  --md-layout-9-rem: 80rem;         /* 1280px */
  --md-layout-10-rem: 90rem;        /* 1440px */
  --md-layout-11-rem: 96rem;        /* 1536px */
  --md-layout-12-rem: 100rem;       /* 1600px */
  --md-layout-13-rem: 120rem;       /* 1920px */

  /* layer does not have rem variants (z-index is unitless) */
}