/* ===================================
   UTILITIES — height & max-height
   Usa i tokens definiti in tokens.css
   =================================== */

:root {
  /* Max-height */
  --max-height-100: 100px;
  --max-height-200: 200px;
  --max-height-250: 250px;
  --max-height-300: 300px;
  --max-height-350: 350px;
  --max-height-400: 400px;
  --max-height-450: 450px;
  --max-height-500: 500px;
  --max-height-550: 550px;
  --max-height-600: 600px;
  --max-height-650: 650px;
  --max-height-700: 700px;
  --max-height-750: 750px;
  --max-height-800: 800px;
  --max-height-850: 850px;
  --max-height-900: 900px;
  --max-height-950: 950px;
  --max-height-1000: 1000px;
  --max-height-1050: 1050px;
  --max-height-1100: 1100px;
  --max-height-1150: 1150px;
  --max-height-1200: 1200px;
  --max-height-1250: 1250px;
  --max-height-1300: 1300px;
  --max-height-1350: 1350px;
  --max-height-1400: 1400px;

  /* Height */
  --height-auto: auto;
  --height-100: 100%;
  --height-100vh: 100vh;
  --height-1px: 1px;
  --height-100px: 100px;
  --height-150px: 150px;
  --height-200px: 200px;
  --height-300px: 300px;
  --height-350px: 350px;
  --height-400px: 400px;
  --height-500px: 500px;
  --height-600px: 600px;
  --height-700px: 700px;
  --height-800px: 800px;
  --height-900px: 900px;
  --height-1000px: 1000px;
}

/* 🔹 Max-height utilities */
.max-height-100  { max-height: var(--max-height-100); }
.max-height-200  { max-height: var(--max-height-200); }
.max-height-250  { max-height: var(--max-height-250); }
.max-height-300  { max-height: var(--max-height-300); }
.max-height-350  { max-height: var(--max-height-350); }
.max-height-400  { max-height: var(--max-height-400); }
.max-height-450  { max-height: var(--max-height-450); }
.max-height-500  { max-height: var(--max-height-500); }
.max-height-550  { max-height: var(--max-height-550); }
.max-height-600  { max-height: var(--max-height-600); }
.max-height-650  { max-height: var(--max-height-650); }
.max-height-700  { max-height: var(--max-height-700); }
.max-height-750  { max-height: var(--max-height-750); }
.max-height-800  { max-height: var(--max-height-800); }
.max-height-850  { max-height: var(--max-height-850); }
.max-height-900  { max-height: var(--max-height-900); }
.max-height-950  { max-height: var(--max-height-950); }
.max-height-1000 { max-height: var(--max-height-1000); }
.max-height-1050 { max-height: var(--max-height-1050); }
.max-height-1100 { max-height: var(--max-height-1100); }
.max-height-1150 { max-height: var(--max-height-1150); }
.max-height-1200 { max-height: var(--max-height-1200); }
.max-height-1250 { max-height: var(--max-height-1250); }
.max-height-1300 { max-height: var(--max-height-1300); }
.max-height-1350 { max-height: var(--max-height-1350); }
.max-height-1400 { max-height: var(--max-height-1400); }

/* 🔹 Height utilities */
.height-auto    { height: var(--height-auto); }
.height-100    { height: var(--height-100); }
.height-100vh  { height: var(--height-100vh); }
.height-1 {height: var(--height-1px); }
.height-100px  { height: var(--height-100px); }
.height-150px  { height: var(--height-150px); }
.height-200px  { height: var(--height-200px); }
.height-300px  { height: var(--height-300px); }
.height-350px  { height: var(--height-350px); }
.height-400px  { height: var(--height-400px); }
.height-500px  { height: var(--height-500px); }
.height-600px  { height: var(--height-600px); }
.height-700px  { height: var(--height-700px); }
.height-800px  { height: var(--height-800px); }
.height-900px  { height: var(--height-900px); }
.height-1000px { height: var(--height-1000px); }