/* EPIISOD design tokens — flattened from the design system for static hosting */

/* ==== tokens/fonts.css ==== */


/* EPIISOD ships two Google-hosted families. No binaries live in the .fig, so they load
   from the Google Fonts CDN above. Swap the @import for local @font-face rules if you
   need an offline / self-hosted build. */
:root {
  --font-display: "Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
  --font-body: "Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* ==== tokens/colors.css ==== */
/* EPIISOD brand palette — exact values transcribed from the "Centurion Colours" board
   and the Figma Variable collections (Primitives / Base color Brand / Color BG).
   Ramp names are the designers' own: Lus Bronze, Royal Chocolate, Deep Sapphire,
   Deep Emerald, Deep Olive, Antique Jade, Fire Opal, Amber Topaz. */
:root{
/* ── Signature brand colours (named) ── */
--ep-prime-pearl:rgb(244,242,240);--ep-warm-white:rgb(252,252,252);--ep-silver-pearl:rgb(220,215,211);
--ep-golden-sand:rgb(215,197,169);--ep-saf-sand:rgb(208,167,127);--ep-lus-bronze:rgb(182,148,95);
--ep-dack-lustre-bronze:rgb(137,109,66);--ep-royal-chocolate:rgb(57,29,19);--ep-dark-chocolate:rgb(36,18,12);
--ep-black-text:rgb(30,27,26);

/* ── Primary ramp: Lus Bronze ── */
--ep-bronze-100:rgb(251,250,247);--ep-bronze-200:rgb(248,245,239);--ep-bronze-300:rgb(233,223,208);
--ep-bronze-400:rgb(215,197,169);--ep-bronze-500:rgb(208,167,127);--ep-bronze-600:rgb(200,169,119);
--ep-bronze-700:rgb(137,109,66);

/* ── Primary ramp: Royal Chocolate ── */
--ep-chocolate-100:rgb(244,242,240);--ep-chocolate-200:rgb(235,232,231);--ep-chocolate-300:rgb(220,215,211);
--ep-chocolate-400:rgb(165,153,148);--ep-chocolate-500:rgb(116,97,90);--ep-chocolate-600:rgb(57,29,19);
--ep-chocolate-700:rgb(36,18,12);

/* ── Secondary ramp: Deep Sapphire ── */
--ep-sapphire-100:rgb(235,240,242);--ep-sapphire-200:rgb(215,224,230);--ep-sapphire-300:rgb(193,203,208);
--ep-sapphire-400:rgb(116,148,166);--ep-sapphire-500:rgb(57,102,128);--ep-sapphire-600:rgb(0,56,70);
--ep-sapphire-700:rgb(11,34,55);

/* ── Secondary ramp: Deep Emerald ── */
--ep-emerald-100:rgb(227,234,229);--ep-emerald-200:rgb(227,234,229);--ep-emerald-300:rgb(190,197,191);
--ep-emerald-400:rgb(149,168,153);--ep-emerald-500:rgb(102,119,107);--ep-emerald-600:rgb(37,61,43);
--ep-emerald-700:rgb(8,27,13);

/* ── Secondary ramp: Deep Olive ── */
--ep-olive-100:rgb(236,237,233);--ep-olive-200:rgb(225,227,210);--ep-olive-300:rgb(210,214,178);
--ep-olive-400:rgb(177,177,148);--ep-olive-500:rgb(113,120,92);--ep-olive-600:rgb(55,62,42);
--ep-olive-700:rgb(32,42,15);

/* ── Accent / state ramps: Antique Jade (success), Fire Opal (error), Amber Topaz (caution) ── */
--ep-jade-100:rgb(242,252,248);--ep-jade-200:rgb(238,244,241);--ep-jade-300:rgb(210,224,216);
--ep-jade-400:rgb(150,202,183);--ep-jade-500:rgb(35,169,128);--ep-jade-600:rgb(5,133,94);
--ep-jade-700:rgb(0,44,28);
--ep-opal-100:rgb(255,249,247);--ep-opal-200:rgb(255,237,231);--ep-opal-300:rgb(241,202,190);
--ep-opal-400:rgb(227,154,130);--ep-opal-500:rgb(234,88,38);--ep-opal-600:rgb(234,88,38);
--ep-opal-700:rgb(65,0,0);
--ep-topaz-100:rgb(254,249,241);--ep-topaz-200:rgb(254,244,228);--ep-topaz-300:rgb(247,221,177);
--ep-topaz-400:rgb(242,198,126);--ep-topaz-500:rgb(237,174,66);--ep-topaz-600:rgb(237,174,66);
--ep-topaz-700:rgb(105,64,5);--ep-topaz-800:rgb(100,74,28);

/* ── Neutral grey ── */
--ep-grey-50:rgb(250,250,250);--ep-grey-100:rgb(248,249,250);--ep-grey-200:rgb(233,236,239);
--ep-grey-300:rgb(222,226,230);--ep-grey-400:rgb(206,212,218);--ep-grey-500:rgb(169,175,181);
--ep-grey-600:rgb(108,117,125);--ep-grey-700:rgb(73,80,87);--ep-grey-800:rgb(52,58,64);
--ep-grey-900:rgb(33,37,41);--ep-white:rgb(255,255,255);--ep-black:rgb(0,0,0);
--ep-ink-700:rgb(56,56,56);--ep-ink-800:rgb(23,23,23);--ep-platinum-950:rgb(2,6,23);

/* ── Brand gradients (from the Gradients board) ── */
--ep-gradient-sand:linear-gradient(180deg,rgb(238,222,188) 0%,rgb(154,122,95) 100%); /* @kind other */
--ep-gradient-bronze-dark:linear-gradient(180deg,rgb(106,89,57) -0.46%,rgb(25,21,11) 100%); /* @kind other */

/* ── Semantic aliases (the layer designs actually consume) ── */
--surface-page:var(--ep-white);
--surface-primary-bg:var(--ep-prime-pearl);
--surface-primary:var(--ep-saf-sand);
--surface-primary-light:var(--ep-bronze-300);
--surface-primary-dark:var(--ep-chocolate-700);
--surface-card:var(--ep-bronze-100);
--surface-menu:var(--ep-chocolate-700);
--surface-navbar:var(--ep-chocolate-600);
--surface-secondary:var(--ep-chocolate-600);
--surface-inverse:var(--ep-black);

--text-title:var(--ep-chocolate-700);
--text-title-invert:var(--ep-chocolate-100);
--text-body:var(--ep-chocolate-600);
--text-body-invert:var(--ep-chocolate-200);
--text-subdued:var(--ep-grey-500);
--text-caption:var(--ep-grey-600);
--text-disabled:var(--ep-grey-500);
--text-on-primary:var(--ep-chocolate-600);
--text-link:var(--ep-chocolate-600);
--text-link-hover:var(--ep-bronze-700);
--text-link-dark:var(--ep-bronze-400);

--border-hairline:var(--ep-bronze-700);
--border-card:rgb(239,239,239);
--border-form:rgb(213,213,213);
--border-input:var(--ep-grey-400);
--border-focus:var(--ep-bronze-700);

--state-success:var(--ep-jade-500);
--state-success-bg:var(--ep-jade-100);
--state-error:var(--ep-opal-500);
--state-error-bg:rgba(234,88,38,0.1);
--state-caution:var(--ep-topaz-500);
--state-caution-bg:var(--ep-topaz-200);
--state-info:rgb(60,132,147);
--state-info-bg:rgba(60,132,147,0.2);
}

/* ==== tokens/typography.css ==== */
/* EPIISOD type system.
   Families: Playfair Display (display / titles) + Albert Sans (everything else).
   Size + line-height tokens are the Figma "Typography" variable collection verbatim.
   The .ep-* classes below are the ladder as it is actually used across the
   Design Pages and Booking flows (Playfair 54 page titles, Playfair 28/32 section
   titles, Albert Sans 16 body). */
:root{
--font-size-xxs:8px;--font-size-xs:12px;--font-size-s:14px;--font-size-sm:16px;--font-size-md:18px;
--font-size-lg:20px;--font-size-xl:22px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;
--font-size-5xl:36px;--font-size-6xl:40px;--font-size-7xl:54px;--font-size-banner:100px;--font-size-huge:120px;
--line-height-xs:18px; /* @kind other */--line-height-s:20px;--line-height-sm:26px;--line-height-md:30px;
--line-height-lg:44px; /* @kind other */--line-height-l:65px;--line-height-xl:130px;
--font-weight-light:300; /* @kind other */--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;
}
.ep-banner{font-family:var(--font-display);font-weight:500;font-size:var(--font-size-banner);line-height:var(--line-height-xl);letter-spacing:-.01em;color:var(--text-title)}
.ep-display{font-family:var(--font-display);font-weight:400;font-size:var(--font-size-7xl);line-height:var(--line-height-l);color:var(--text-title)}
.ep-h1{font-family:var(--font-display);font-weight:400;font-size:var(--font-size-4xl);line-height:var(--line-height-lg);text-transform:uppercase;letter-spacing:.02em;color:var(--text-title)}
.ep-h2{font-family:var(--font-display);font-weight:400;font-size:var(--font-size-3xl);line-height:var(--line-height-md);color:var(--text-title)}
.ep-h3{font-family:var(--font-display);font-weight:500;font-size:var(--font-size-2xl);line-height:var(--line-height-md);color:var(--text-title)}
.ep-h4{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-md);line-height:var(--line-height-sm);color:var(--text-title)}
.ep-h5{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-lg);line-height:var(--line-height-sm);color:var(--text-title)}
.ep-h6{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-s);line-height:100%;text-transform:uppercase;letter-spacing:.08em;color:var(--text-title)}
.ep-body{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-body)}
.ep-body-lg{font-family:var(--font-body);font-weight:300;font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--text-body)}
.ep-body-sm{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-s);line-height:var(--line-height-s);color:var(--text-body)}
.ep-caption{font-family:var(--font-body);font-weight:500;font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:.02em;color:var(--text-caption)}
.ep-overline{font-family:var(--font-body);font-weight:500;font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-caption)}
.ep-price{font-family:var(--font-body);font-weight:500;font-size:var(--font-size-s);line-height:100%;color:var(--text-title)}
.ep-menu{font-family:var(--font-body);font-weight:500;font-size:var(--font-size-2xl);line-height:100%;color:var(--text-body)}
.ep-menu-hover{font-family:var(--font-body);font-weight:700;font-size:var(--font-size-sm);line-height:24px}
.ep-button-label{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-lg);line-height:var(--line-height-sm);text-transform:capitalize}
.ep-link{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-lg);line-height:24px;color:var(--text-link)}
.ep-script{font-family:"Dancing Script",cursive;font-weight:400}

/* ==== tokens/spacing.css ==== */
/* Spacing, radii and layout rules — Figma "Tokens" / "Base color Brand" / "ResponsiveSize"
   collections verbatim. EPIISOD is a square-cornered system: --radius-none is the page
   default and most surfaces carry no radius at all. */
:root{
--space-0:0px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;
--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-44:44px;--space-48:48px;--space-56:56px;

--padding-xs:4px;--padding-s:8px;--padding-sm:16px;--padding-m:24px;--padding-md:32px;--padding-lg:40px;--padding-l:48px;
--padding-screen:32px;--padding-content:40px;--padding-section:80px;--padding-page:240px;
--padding-menu:80px;--padding-footer:150px;--padding-popup:32px;--padding-title-section:32px;

--gap-sm:12px;--gap:24px;--gap-section:32px;--gap-form-column:40px;--gap-button:8px;

--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-m:16px;
--radius-lg:24px;--radius-xl:32px;--radius-xxl:40px;--radius-pill:2000px;

/* Layout rules */
--grid-columns:12; /* @kind other */--grid-gutter:24px; /* @kind other */
--grid-gutter-wide:42px; /* @kind other */

--container-width:1128px;--screen-width:1920px; /* @kind other */
--menu-width:1400px; /* @kind other */
--logo-width:178px;--logo-height:47px;
--popup-width:800px;--popup-width-large:1200px;--form-width:968px;
--header-height:420px;--header-title-shadow-height:160px;
--icon-size:40px;--icon-size-lg:80px;
}

/* ==== tokens/effects.css ==== */
/* Elevation, motion and interaction — observed from the Figma boards.
   EPIISOD uses almost no drop shadow: surfaces are separated by hairline
   bronze rules and flat tone shifts. The two shadows below are the only
   ones the file actually defines. */
:root{
--shadow-none:none;
--shadow-card:0px 2px 3px 0px rgba(0,0,0,0.03);
--shadow-hairline-inset:inset 0 0 0 1px var(--ep-bronze-400);
--shadow-title-protection:0 160px 160px -80px rgba(36,18,12,0.55) inset;

--ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,0.2,1); /* @kind other */
--duration-fast:150ms; /* @kind other */--duration:240ms; /* @kind other */
--duration-slow:400ms; /* @kind other */

}
a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover);text-decoration:underline}

/* ==== tokens/surfaces.css ==== */
/* ─────────────────────────────────────────────────────────────────────
   EPIISOD SURFACE SEMANTICS
   Transcribed from the brand's "Colour Semantics", "Text Semantics",
   "Surface and text colours" and "button semantic" boards.

   The rule: colour is never chosen per element. You choose a SURFACE,
   and the surface dictates its own title / body / subdued / disabled
   text, its hairline, and its button fills. Put an `.ep-surface-*`
   class on a container and everything inside inherits the correct
   pairing — including components, which read the same semantic tokens.

   Seven families × three tones:
     white | primary | olive | blue        (brand)
     error | success | caution             (state)
     tones: light · standard · dark

   Three elevation levels inside any theme (Surface and text colours):
     --level-1  page          --level-2  section card   --level-3  nested card
   ───────────────────────────────────────────────────────────────────── */

/* ── Text semantics ladder (Text Semantics board) ──
   Four roles per surface, always in this order of prominence.
   On light surfaces title is the darkest value and disabled the palest;
   on dark surfaces the ladder inverts. */

/* ═══ WHITE ═══ */
.ep-surface-white-standard{
--surface:var(--ep-white);--level-1:var(--ep-white);--level-2:var(--ep-prime-pearl);--level-3:var(--ep-silver-pearl);
--text-title:var(--ep-grey-900);--text-body:var(--ep-grey-800);--text-subdued:var(--ep-grey-600);--text-caption:var(--ep-grey-600);--text-disabled:var(--ep-grey-400);
--border-hairline:var(--ep-bronze-400);
--btn-fill-bg:var(--ep-saf-sand);--btn-fill-fg:var(--ep-chocolate-600);
--btn-strong-bg:var(--ep-chocolate-700);--btn-strong-fg:var(--ep-chocolate-100);
--btn-outline-border:var(--ep-bronze-700);--btn-outline-fg:var(--ep-chocolate-600);
--btn-disabled-bg:var(--ep-bronze-200);--btn-disabled-fg:var(--ep-bronze-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-white-light{
--surface:var(--ep-prime-pearl);--level-1:var(--ep-prime-pearl);--level-2:var(--ep-white);--level-3:var(--ep-silver-pearl);
--text-title:var(--ep-royal-chocolate);--text-body:var(--ep-chocolate-600);--text-subdued:var(--ep-grey-600);--text-caption:var(--ep-grey-600);--text-disabled:var(--ep-grey-400);
--border-hairline:var(--ep-bronze-400);
--btn-fill-bg:var(--ep-saf-sand);--btn-fill-fg:var(--ep-chocolate-600);
--btn-strong-bg:var(--ep-chocolate-700);--btn-strong-fg:var(--ep-chocolate-100);
--btn-outline-border:var(--ep-bronze-700);--btn-outline-fg:var(--ep-chocolate-600);
--btn-disabled-bg:var(--ep-bronze-200);--btn-disabled-fg:var(--ep-bronze-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-white-dark{
--surface:var(--ep-silver-pearl);--level-1:var(--ep-silver-pearl);--level-2:var(--ep-prime-pearl);--level-3:var(--ep-white);
--text-title:var(--ep-royal-chocolate);--text-body:var(--ep-chocolate-600);--text-subdued:var(--ep-chocolate-500);--text-caption:var(--ep-chocolate-500);--text-disabled:var(--ep-chocolate-400);
--border-hairline:var(--ep-bronze-700);
--btn-fill-bg:var(--ep-saf-sand);--btn-fill-fg:var(--ep-chocolate-600);
--btn-strong-bg:var(--ep-chocolate-700);--btn-strong-fg:var(--ep-chocolate-100);
--btn-outline-border:var(--ep-bronze-700);--btn-outline-fg:var(--ep-chocolate-600);
--btn-disabled-bg:var(--ep-chocolate-200);--btn-disabled-fg:var(--ep-chocolate-400);
background:var(--surface);color:var(--text-body)}

/* ═══ PRIMARY — Lus Bronze / Royal Chocolate ═══ */
.ep-surface-primary-standard{
--surface:var(--ep-saf-sand);--level-1:var(--ep-saf-sand);--level-2:var(--ep-bronze-300);--level-3:var(--ep-chocolate-700);
--text-title:var(--ep-royal-chocolate);--text-body:var(--ep-chocolate-600);--text-subdued:var(--ep-chocolate-500);--text-caption:var(--ep-chocolate-500);--text-disabled:var(--ep-chocolate-400);
--border-hairline:var(--ep-chocolate-500);
--btn-fill-bg:var(--ep-bronze-400);--btn-fill-fg:var(--ep-chocolate-600);
--btn-strong-bg:var(--ep-chocolate-700);--btn-strong-fg:var(--ep-chocolate-100);
--btn-outline-border:var(--ep-chocolate-600);--btn-outline-fg:var(--ep-chocolate-600);
--btn-disabled-bg:var(--ep-bronze-200);--btn-disabled-fg:var(--ep-bronze-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-primary-light{
--surface:var(--ep-bronze-300);--level-1:var(--ep-bronze-300);--level-2:var(--ep-bronze-200);--level-3:var(--ep-saf-sand);
--text-title:var(--ep-royal-chocolate);--text-body:var(--ep-chocolate-600);--text-subdued:var(--ep-bronze-700);--text-caption:var(--ep-bronze-700);--text-disabled:var(--ep-chocolate-400);
--border-hairline:var(--ep-bronze-700);
--btn-fill-bg:var(--ep-saf-sand);--btn-fill-fg:var(--ep-chocolate-600);
--btn-strong-bg:var(--ep-chocolate-700);--btn-strong-fg:var(--ep-chocolate-100);
--btn-outline-border:var(--ep-bronze-700);--btn-outline-fg:var(--ep-chocolate-600);
--btn-disabled-bg:var(--ep-bronze-200);--btn-disabled-fg:var(--ep-bronze-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-primary-dark{
--surface:var(--ep-dark-chocolate);--level-1:var(--ep-dark-chocolate);--level-2:var(--ep-bronze-300);--level-3:var(--ep-saf-sand);
--text-title:var(--ep-chocolate-100);--text-body:var(--ep-chocolate-200);--text-subdued:var(--ep-chocolate-300);--text-caption:var(--ep-chocolate-300);--text-disabled:var(--ep-chocolate-500);
--border-hairline:var(--ep-bronze-700);
--btn-fill-bg:var(--ep-saf-sand);--btn-fill-fg:var(--ep-chocolate-600);
--btn-strong-bg:var(--ep-royal-chocolate);--btn-strong-fg:var(--ep-chocolate-100);
--btn-outline-border:var(--ep-bronze-400);--btn-outline-fg:var(--ep-bronze-400);
--btn-disabled-bg:var(--ep-chocolate-500);--btn-disabled-fg:var(--ep-chocolate-300);
background:var(--surface);color:var(--text-body)}

/* ═══ OLIVE — Deep Emerald ═══ */
.ep-surface-olive-standard{
--surface:var(--ep-emerald-600);--level-1:var(--ep-emerald-600);--level-2:var(--ep-emerald-100);--level-3:var(--ep-emerald-700);
--text-title:var(--ep-emerald-100);--text-body:var(--ep-emerald-100);--text-subdued:var(--ep-emerald-300);--text-caption:var(--ep-emerald-300);--text-disabled:var(--ep-emerald-500);
--border-hairline:var(--ep-emerald-500);
--btn-fill-bg:var(--ep-emerald-400);--btn-fill-fg:var(--ep-emerald-700);
--btn-strong-bg:var(--ep-emerald-700);--btn-strong-fg:var(--ep-emerald-100);
--btn-outline-border:var(--ep-emerald-100);--btn-outline-fg:var(--ep-emerald-100);
--btn-disabled-bg:var(--ep-emerald-500);--btn-disabled-fg:var(--ep-emerald-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-olive-light{
--surface:var(--ep-emerald-100);--level-1:var(--ep-emerald-100);--level-2:var(--ep-white);--level-3:var(--ep-emerald-600);
--text-title:var(--ep-emerald-700);--text-body:var(--ep-emerald-600);--text-subdued:var(--ep-emerald-500);--text-caption:var(--ep-emerald-500);--text-disabled:var(--ep-emerald-400);
--border-hairline:var(--ep-emerald-500);
--btn-fill-bg:var(--ep-emerald-600);--btn-fill-fg:var(--ep-emerald-100);
--btn-strong-bg:var(--ep-emerald-700);--btn-strong-fg:var(--ep-emerald-100);
--btn-outline-border:var(--ep-emerald-500);--btn-outline-fg:var(--ep-emerald-600);
--btn-disabled-bg:var(--ep-emerald-200);--btn-disabled-fg:var(--ep-emerald-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-olive-dark{
--surface:var(--ep-emerald-700);--level-1:var(--ep-emerald-700);--level-2:var(--ep-emerald-100);--level-3:var(--ep-emerald-600);
--text-title:var(--ep-emerald-100);--text-body:var(--ep-emerald-200);--text-subdued:var(--ep-emerald-300);--text-caption:var(--ep-emerald-300);--text-disabled:var(--ep-emerald-500);
--border-hairline:var(--ep-emerald-500);
--btn-fill-bg:var(--ep-emerald-500);--btn-fill-fg:var(--ep-emerald-100);
--btn-strong-bg:var(--ep-emerald-600);--btn-strong-fg:var(--ep-emerald-100);
--btn-outline-border:var(--ep-emerald-100);--btn-outline-fg:var(--ep-emerald-100);
--btn-disabled-bg:var(--ep-emerald-300);--btn-disabled-fg:var(--ep-emerald-500);
background:var(--surface);color:var(--text-body)}

/* ═══ BLUE — Deep Sapphire ═══ */
.ep-surface-blue-standard{
--surface:var(--ep-sapphire-600);--level-1:var(--ep-sapphire-600);--level-2:var(--ep-sapphire-100);--level-3:var(--ep-sapphire-700);
--text-title:var(--ep-sapphire-100);--text-body:var(--ep-sapphire-100);--text-subdued:var(--ep-sapphire-200);--text-caption:var(--ep-sapphire-200);--text-disabled:var(--ep-sapphire-400);
--border-hairline:var(--ep-sapphire-400);
--btn-fill-bg:var(--ep-sapphire-500);--btn-fill-fg:var(--ep-sapphire-100);
--btn-strong-bg:var(--ep-sapphire-700);--btn-strong-fg:var(--ep-sapphire-100);
--btn-outline-border:var(--ep-sapphire-100);--btn-outline-fg:var(--ep-sapphire-100);
--btn-disabled-bg:var(--ep-sapphire-400);--btn-disabled-fg:var(--ep-sapphire-300);
background:var(--surface);color:var(--text-body)}

.ep-surface-blue-light{
--surface:var(--ep-sapphire-200);--level-1:var(--ep-sapphire-200);--level-2:var(--ep-sapphire-100);--level-3:var(--ep-sapphire-600);
--text-title:var(--ep-sapphire-700);--text-body:var(--ep-sapphire-600);--text-subdued:var(--ep-sapphire-500);--text-caption:var(--ep-sapphire-500);--text-disabled:var(--ep-sapphire-400);
--border-hairline:var(--ep-sapphire-400);
--btn-fill-bg:var(--ep-sapphire-500);--btn-fill-fg:var(--ep-sapphire-100);
--btn-strong-bg:var(--ep-sapphire-700);--btn-strong-fg:var(--ep-sapphire-100);
--btn-outline-border:var(--ep-sapphire-500);--btn-outline-fg:var(--ep-sapphire-600);
--btn-disabled-bg:var(--ep-sapphire-300);--btn-disabled-fg:var(--ep-sapphire-400);
background:var(--surface);color:var(--text-body)}

.ep-surface-blue-dark{
--surface:var(--ep-sapphire-700);--level-1:var(--ep-sapphire-700);--level-2:var(--ep-sapphire-100);--level-3:var(--ep-sapphire-600);
--text-title:var(--ep-sapphire-100);--text-body:var(--ep-sapphire-100);--text-subdued:var(--ep-sapphire-200);--text-caption:var(--ep-sapphire-200);--text-disabled:var(--ep-sapphire-400);
--border-hairline:var(--ep-sapphire-400);
--btn-fill-bg:var(--ep-sapphire-500);--btn-fill-fg:var(--ep-sapphire-100);
--btn-strong-bg:var(--ep-sapphire-600);--btn-strong-fg:var(--ep-sapphire-100);
--btn-outline-border:var(--ep-sapphire-100);--btn-outline-fg:var(--ep-sapphire-100);
--btn-disabled-bg:var(--ep-sapphire-400);--btn-disabled-fg:var(--ep-sapphire-200);
background:var(--surface);color:var(--text-body)}

/* ═══ STATE SURFACES — Fire Opal / Antique Jade / Amber Topaz ═══ */
.ep-surface-error-standard{
--surface:var(--ep-opal-300);--level-1:var(--ep-opal-300);--level-2:var(--ep-opal-100);--level-3:var(--ep-opal-700);
--text-title:var(--ep-opal-700);--text-body:var(--ep-opal-700);--text-subdued:var(--ep-opal-600);--text-caption:var(--ep-opal-600);--text-disabled:var(--ep-opal-400);
--border-hairline:var(--ep-opal-500);
background:var(--surface);color:var(--text-body)}
.ep-surface-error-light{
--surface:var(--ep-opal-100);--level-1:var(--ep-opal-100);--level-2:var(--ep-white);--level-3:var(--ep-opal-300);
--text-title:var(--ep-opal-700);--text-body:var(--ep-opal-600);--text-subdued:var(--ep-opal-500);--text-caption:var(--ep-opal-500);--text-disabled:var(--ep-opal-400);
--border-hairline:var(--ep-opal-300);
background:var(--surface);color:var(--text-body)}
.ep-surface-error-dark{
--surface:var(--ep-opal-700);--level-1:var(--ep-opal-700);--level-2:var(--ep-opal-100);--level-3:var(--ep-opal-300);
--text-title:var(--ep-opal-100);--text-body:var(--ep-opal-200);--text-subdued:var(--ep-opal-300);--text-caption:var(--ep-opal-300);--text-disabled:var(--ep-opal-400);
--border-hairline:var(--ep-opal-500);
background:var(--surface);color:var(--text-body)}

.ep-surface-success-standard{
--surface:var(--ep-jade-300);--level-1:var(--ep-jade-300);--level-2:var(--ep-jade-100);--level-3:var(--ep-jade-700);
--text-title:var(--ep-jade-700);--text-body:var(--ep-jade-700);--text-subdued:var(--ep-jade-600);--text-caption:var(--ep-jade-600);--text-disabled:var(--ep-jade-400);
--border-hairline:var(--ep-jade-500);
background:var(--surface);color:var(--text-body)}
.ep-surface-success-light{
--surface:var(--ep-jade-100);--level-1:var(--ep-jade-100);--level-2:var(--ep-white);--level-3:var(--ep-jade-300);
--text-title:var(--ep-jade-700);--text-body:var(--ep-jade-600);--text-subdued:var(--ep-jade-500);--text-caption:var(--ep-jade-500);--text-disabled:var(--ep-jade-400);
--border-hairline:var(--ep-jade-300);
background:var(--surface);color:var(--text-body)}
.ep-surface-success-dark{
--surface:var(--ep-jade-700);--level-1:var(--ep-jade-700);--level-2:var(--ep-jade-100);--level-3:var(--ep-jade-300);
--text-title:var(--ep-jade-100);--text-body:var(--ep-jade-200);--text-subdued:var(--ep-jade-300);--text-caption:var(--ep-jade-300);--text-disabled:var(--ep-jade-500);
--border-hairline:var(--ep-jade-500);
background:var(--surface);color:var(--text-body)}

.ep-surface-caution-standard{
--surface:var(--ep-topaz-400);--level-1:var(--ep-topaz-400);--level-2:var(--ep-topaz-200);--level-3:var(--ep-topaz-700);
--text-title:var(--ep-topaz-700);--text-body:var(--ep-topaz-700);--text-subdued:var(--ep-topaz-800);--text-caption:var(--ep-topaz-800);--text-disabled:var(--ep-topaz-300);
--border-hairline:var(--ep-topaz-700);
background:var(--surface);color:var(--text-body)}
.ep-surface-caution-light{
--surface:var(--ep-topaz-200);--level-1:var(--ep-topaz-200);--level-2:var(--ep-topaz-100);--level-3:var(--ep-topaz-400);
--text-title:var(--ep-topaz-700);--text-body:var(--ep-topaz-800);--text-subdued:var(--ep-topaz-600);--text-caption:var(--ep-topaz-600);--text-disabled:var(--ep-topaz-300);
--border-hairline:var(--ep-topaz-300);
background:var(--surface);color:var(--text-body)}
.ep-surface-caution-dark{
--surface:var(--ep-topaz-700);--level-1:var(--ep-topaz-700);--level-2:var(--ep-topaz-200);--level-3:var(--ep-topaz-400);
--text-title:var(--ep-topaz-100);--text-body:var(--ep-topaz-200);--text-subdued:var(--ep-topaz-300);--text-caption:var(--ep-topaz-300);--text-disabled:var(--ep-topaz-600);
--border-hairline:var(--ep-topaz-500);
background:var(--surface);color:var(--text-body)}

/* ── Role helpers. Use these instead of hard-coding a colour: they read
      whatever the enclosing surface published. ── */
.ep-title{color:var(--text-title)}
.ep-body-text{color:var(--text-body)}
.ep-subdued{color:var(--text-subdued)}
.ep-disabled-text{color:var(--text-disabled)}
.ep-hairline{border:1px solid var(--border-hairline)}

/* ── Elevation helpers (Surface and text colours board).
      A level-2 or level-3 block keeps the enclosing surface's text pairing;
      only the fill steps. Nest at most three deep. ── */
.ep-level-1{background:var(--level-1)}
.ep-level-2{background:var(--level-2)}
.ep-level-3{background:var(--level-3)}

/* ── Button semantics per surface (button semantic board).
      Four treatments, re-tinted by the enclosing surface. Square, no radius. ── */
.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-button);padding:20px;border:0;border-radius:var(--radius-none);font-family:var(--font-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1;text-transform:capitalize;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.ep-btn-outline{background:transparent;box-shadow:inset 0 0 0 1px var(--btn-outline-border);color:var(--btn-outline-fg)}
.ep-btn-fill{background:var(--btn-fill-bg);color:var(--btn-fill-fg)}
.ep-btn-strong{background:var(--btn-strong-bg);color:var(--btn-strong-fg)}
.ep-btn-disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);opacity:.8;pointer-events:none}
.ep-btn-outline:hover,.ep-btn-fill:hover{background:var(--btn-strong-bg);color:var(--btn-strong-fg);box-shadow:none}
.ep-btn-link{background:transparent;border:0;padding:8px 0;color:var(--text-title);border-bottom:1px solid var(--border-hairline)}
.ep-btn-link:hover{color:var(--text-subdued)}

/* ==== tokens/fig-tokens.css ==== */
/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --background-dark: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --background-default: rgba(208,167,127,0.1); /* @kind color */
  --background-disable: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --background-disabled: var(--color-hue-color-200); /* @kind color */
  --background-error: rgba(234,88,38,0.1); /* @kind color */
  --background-focus: rgba(208,167,127,0.3); /* @kind color */
  --background-hover-2: rgba(208,167,127,0.3); /* @kind color */
  --background-hover: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --background-light: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --body-general-fontfamily: var(--global-fontfamily-general); /* @kind other */
  --body-general-lineheight: 20; /* @kind other */

  --body-general-size: var(--global-size-normal); /* @kind other */
  --body-general-style: var(--global-style-regular); /* @kind other */
  --bolder-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --bolder-disabled: var(--color-hue-color-400); /* @kind color */
  --bolder-error: var(--color-action-error-500); /* @kind color */
  --bolder-focus: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --bolder-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --border-dark: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --border-disable: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-400); /* @kind color */
  --border-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --border-light: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --brand-primary-background-primepearl: rgb(244,242,240); /* @kind color */
  --brand-primary-black-text: rgb(30,27,26); /* @kind color */
  --brand-primary-dark-royalchocolate: rgb(57,29,19); /* @kind color */
  --brand-primary-lighter-goldensand: rgb(215,197,169); /* @kind color */
  --color-action-caution-100-2: rgb(254,249,241); /* @kind color */
  --color-action-caution-100: rgb(254,249,241); /* @kind color */
  --color-action-caution-200-2: rgb(254,244,228); /* @kind color */
  --color-action-caution-200: rgb(254,244,228); /* @kind color */
  --color-action-caution-300-2: rgb(247,221,177); /* @kind color */
  --color-action-caution-300: rgb(247,221,177); /* @kind color */
  --color-action-caution-400: rgb(242,198,126); /* @kind color */
  --color-action-caution-500: rgb(237,174,66); /* @kind color */
  --color-action-caution-600-2: rgb(237,174,66); /* @kind color */
  --color-action-caution-600: rgb(237,174,66); /* @kind color */
  --color-action-caution-700-2: rgb(105,64,5); /* @kind color */
  --color-action-caution-700: rgb(105,64,5); /* @kind color */
  --color-action-caution-800: rgb(100,74,28); /* @kind color */
  --color-action-danger-2: rgb(234,88,38); /* @kind color */
  --color-action-danger: rgb(255,59,48); /* @kind color */
  --color-action-dangerbackground: rgba(234,88,38,0.2); /* @kind color */
  --color-action-error-100-2: rgb(255,249,247); /* @kind color */
  --color-action-error-100: rgb(255,249,247); /* @kind color */
  --color-action-error-200-2: rgb(255,237,231); /* @kind color */
  --color-action-error-200: rgb(255,237,231); /* @kind color */
  --color-action-error-300-2: rgb(241,202,190); /* @kind color */
  --color-action-error-300: rgb(241,202,190); /* @kind color */
  --color-action-error-400: rgb(227,154,130); /* @kind color */
  --color-action-error-500: rgb(234,88,38); /* @kind color */
  --color-action-error-600-2: rgb(234,88,38); /* @kind color */
  --color-action-error-600: rgb(234,88,38); /* @kind color */
  --color-action-error-700-2: rgb(65,0,0); /* @kind color */
  --color-action-error-700: rgb(65,0,0); /* @kind color */
  --color-action-infobackground: rgba(60,132,147,0.2); /* @kind color */
  --color-action-success-100-2: rgb(242,252,248); /* @kind color */
  --color-action-success-100: rgb(242,252,248); /* @kind color */
  --color-action-success-200-2: rgb(238,244,241); /* @kind color */
  --color-action-success-200: rgb(238,244,241); /* @kind color */
  --color-action-success-2: rgb(35,169,128); /* @kind color */
  --color-action-success-300-2: rgb(210,224,216); /* @kind color */
  --color-action-success-300: rgb(210,224,216); /* @kind color */
  --color-action-success-400-2: rgb(150,202,183); /* @kind color */
  --color-action-success-400: rgb(150,202,183); /* @kind color */
  --color-action-success-500: rgb(35,169,128); /* @kind color */
  --color-action-success-600-2: rgb(5,133,94); /* @kind color */
  --color-action-success-600: rgb(5,133,94); /* @kind color */
  --color-action-success-700-2: rgb(0,44,28); /* @kind color */
  --color-action-success-700: rgb(0,44,28); /* @kind color */
  --color-action-success: rgb(52,199,89); /* @kind color */
  --color-action-warning-2: rgb(237,174,66); /* @kind color */
  --color-action-warning: rgb(228,152,3); /* @kind color */
  --color-action-warningbackground: rgba(237,174,66,0.2); /* @kind color */
  --color-border-borderinput-dark: var(--color-hue-color-500); /* @kind color */
  --color-border-borderinput-light: var(--color-hue-color-300); /* @kind color */
  --color-border-borderinput: var(--color-hue-color-400); /* @kind color */
  --color-border-borderprimary: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-border-bordersecondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --color-border-error: var(--color-action-error-500); /* @kind color */
  --color-button-1000: rgb(0,0,0); /* @kind color */
  --color-button-200: rgb(233,236,239); /* @kind color */
  --color-button-300: rgb(222,226,230); /* @kind color */
  --color-button-500: rgb(169,175,181); /* @kind color */
  --color-button-600: rgb(108,117,125); /* @kind color */
  --color-button-700: rgb(73,80,87); /* @kind color */
  --color-button-800: rgb(52,58,64); /* @kind color */
  --color-button-900: rgb(33,37,41); /* @kind color */
  --color-button-background-primary-default-light: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-button-background-primary-disabled: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --color-button-background-primary-hover: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-button-background-secondary-2-default-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-300); /* @kind color */
  --color-button-background-secondary-2-default-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600); /* @kind color */
  --color-button-background-secondary-2-disabled: var(--color-hue-color-300); /* @kind color */
  --color-button-background-secondary-2-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --color-button-background-secondary-default-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --color-button-background-secondary-default-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-button-background-secondary-disabled: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --color-button-background-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-button-border-primary-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-button-border-primary-disabled: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-400); /* @kind color */
  --color-button-border-primary-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-button-border-secondary-2-default: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-border-secondary-2-disabled: var(--color-maincolor-secondary-deep-emerald-deep-emerald-400); /* @kind color */
  --color-button-border-secondary-2-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-border-secondary-default: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-button-border-secondary-disabled: var(--color-maincolor-secondary-deep-saphire-deep-saphire-300); /* @kind color */
  --color-button-border-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --color-button-primary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-button-secodary: var(--color-maincolor-secondary-2); /* @kind color */
  --color-button-text-link-primary-primary-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-button-text-link-primary: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-500); /* @kind color */
  --color-button-text-link-secondary-2-disable-2: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-text-link-secondary-2-secondary-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-200); /* @kind color */
  --color-button-text-link-secondary-2-secondary-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-text-link-secondary-2-secondary-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --color-button-text-link-secondary-disable-2: var(--color-hue-color-500); /* @kind color */
  --color-button-text-link-secondary-secondary-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --color-button-text-link-secondary-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --color-button-text-link-secondary-secondary-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-button-text-link-secondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-button-text-primary-default-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --color-button-text-primary-disabled: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --color-button-text-primary-hover: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --color-button-text-secondary-2-default-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --color-button-text-secondary-2-default-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-100); /* @kind color */
  --color-button-text-secondary-2-disabled: var(--color-maincolor-secondary-deep-emerald-deep-emerald-400); /* @kind color */
  --color-button-text-secondary-default-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-button-text-secondary-default-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-button-text-secondary-disabled: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --color-button-text-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-grey-black: rgb(0,0,0); /* @kind color */
  --color-hue-color-100: rgb(248,249,250); /* @kind color */
  --color-hue-color-200: rgb(233,236,239); /* @kind color */
  --color-hue-color-300: rgb(222,226,230); /* @kind color */
  --color-hue-color-400: rgb(206,212,218); /* @kind color */
  --color-hue-color-500: rgb(169,175,181); /* @kind color */
  --color-hue-color-50: rgb(250,250,250); /* @kind color */
  --color-hue-color-600: rgb(108,117,125); /* @kind color */
  --color-hue-color-700: rgb(73,80,87); /* @kind color */
  --color-hue-color-800: rgb(52,58,64); /* @kind color */
  --color-hue-color-900: rgb(33,37,41); /* @kind color */
  --color-hue-color-black: rgb(0,0,0); /* @kind color */
  --color-hue-color-white: rgb(255,255,255); /* @kind color */
  --color-input-bg: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --color-input-border: var(--color-border-borderprimary); /* @kind color */
  --color-input-caption: var(--color-text-title-default); /* @kind color */
  --color-input-label-disabled: var(--color-hue-color-500); /* @kind color */
  --color-maincolor-primary-dack-lustre-bronze: rgb(137,109,66); /* @kind color */
  --color-maincolor-primary-dark-chocolate: rgb(36,18,12); /* @kind color */
  --color-maincolor-primary-golden-sand: rgb(215,197,169); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-100: rgb(251,250,247); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-200: rgb(248,245,239); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-300: rgb(233,223,208); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-400: rgb(215,197,169); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-500: rgb(208,167,127); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-600: rgb(200,169,119); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze-700: rgb(137,109,66); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze100: rgb(251,250,247); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze200: rgb(248,245,239); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze300: rgb(233,223,208); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze400: rgb(215,197,169); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze500: rgb(208,167,127); /* @kind color */
  --color-maincolor-primary-lus-bronze-lus-bronze600: rgb(200,169,119); /* @kind color */
  --color-maincolor-primary-lus-bronze: rgb(182,148,95); /* @kind color */
  --color-maincolor-primary-prime-pearl: rgb(244,242,240); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-100: rgb(244,242,240); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-200: rgb(235,232,231); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-300: rgb(220,215,211); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-400: rgb(165,153,148); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-500: rgb(116,97,90); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-600: rgb(57,29,19); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate-700: rgb(36,18,12); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate100: rgb(244,242,240); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate200: rgb(235,232,231); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate300: rgb(220,215,211); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate400: rgb(165,153,148); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate500: rgb(116,97,90); /* @kind color */
  --color-maincolor-primary-royal-chocolate-royal-chocolate600: rgb(57,29,19); /* @kind color */
  --color-maincolor-primary-royal-chocolate: rgb(57,29,19); /* @kind color */
  --color-maincolor-primary-saf-sand: rgb(208,167,127); /* @kind color */
  --color-maincolor-primary-silver-pearl: rgb(220,215,211); /* @kind color */
  --color-maincolor-primary-warm-white: rgb(252,252,252); /* @kind color */
  --color-maincolor-primary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-maincolor-primarybackground: rgb(238,244,255); /* @kind color */
  --color-maincolor-primaryborder: rgb(172,187,216); /* @kind color */
  --color-maincolor-primarydarker: rgb(30,63,128); /* @kind color */
  --color-maincolor-primarylighter: rgb(115,157,239); /* @kind color */
  --color-maincolor-primaryscreenbackground: rgb(246,249,255); /* @kind color */
  --color-maincolor-secondary-2: rgb(57,29,19); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-100-2: rgb(227,234,229); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-100: rgb(227,234,229); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-200-2: rgb(227,234,229); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-200: rgb(227,234,229); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-300-2: rgb(190,197,191); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-300: rgb(190,197,191); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-400-2: rgb(149,168,153); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-400: rgb(149,168,153); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-500-2: rgb(102,119,107); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-500: rgb(102,119,107); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-600-2: rgb(37,61,43); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-600: rgb(37,61,43); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald-700: rgb(8,27,13); /* @kind color */
  --color-maincolor-secondary-deep-emerald-deep-emerald700: rgb(8,27,13); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-100-2: rgb(236,237,233); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-100: rgb(236,237,233); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-200-2: rgb(225,227,210); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-200: rgb(225,227,210); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-300-2: rgb(210,214,178); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-300: rgb(210,214,178); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-400-2: rgb(177,177,148); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-400: rgb(177,177,148); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-500-2: rgb(113,120,92); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-500: rgb(113,120,92); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-600-2: rgb(55,62,42); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-600: rgb(55,62,42); /* @kind color */
  --color-maincolor-secondary-deep-olive-deep-olive-700: rgb(32,42,15); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-100: rgb(235,240,242); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-200: rgb(215,224,230); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-300: rgb(193,203,208); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-400: rgb(116,148,166); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-500: rgb(57,102,128); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-600: rgb(0,56,70); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire-700: rgb(11,34,55); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire100: rgb(235,240,242); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire200: rgb(215,224,230); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire300: rgb(193,203,208); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire400: rgb(116,148,166); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire500: rgb(57,102,128); /* @kind color */
  --color-maincolor-secondary-deep-saphire-deep-saphire600: rgb(0,56,70); /* @kind color */
  --color-maincolor-secondary-old-dack-lustre-bronze: rgb(55,62,42); /* @kind color */
  --color-maincolor-secondary-old-dark-green: rgb(30,46,45); /* @kind color */
  --color-maincolor-secondary-old-golden-sand: rgb(136,136,108); /* @kind color */
  --color-maincolor-secondary-old-lus-bronze: rgb(60,132,147); /* @kind color */
  --color-maincolor-secondary-old-prime-pearl: rgb(197,211,188); /* @kind color */
  --color-maincolor-secondary-old-saf-sand: rgb(118,131,131); /* @kind color */
  --color-maincolor-secondary: var(--color-button-600); /* @kind color */
  --color-maincolor-secondarybackground: rgb(252,252,252); /* @kind color */
  --color-maincolor-secondarydarker: var(--color-button-800); /* @kind color */
  --color-maincolor-white: var(--color-button-primary); /* @kind color */
  --color-platinum-platinum-950: rgb(2,6,23); /* @kind color */
  --color-shape-border-borderbuttonghostsecondary: var(--color-border-bordersecondary); /* @kind color */
  --color-shape-border-borderscreen: var(--color-button-primary); /* @kind color */
  --color-shape-border-separator: var(--color-button-secodary); /* @kind color */
  --color-shape-border-separatorstrong: var(--color-button-200); /* @kind color */
  --color-shape-radius-buttonmain: var(--radius-sm);
  --color-shape-radius-card: var(--radius-lg);
  --color-shape-radius-input: var(--radius-sm);
  --color-shape-radius-maincontent: var(--radius-xxl);
  --color-shape-radius-none: var(--radius-none);
  --color-shape-size-mainnavicon: 48;
  --color-shape-surface-surfacebackgrounddark: var(--color-button-900); /* @kind color */
  --color-shape-surface-surfacebackgroundlight: var(--color-button-200); /* @kind color */
  --color-shape-surface-surfacebuttonfeature: var(--color-button-primary); /* @kind color */
  --color-shape-surface-surfacebuttonprimary: var(--color-surface-surfaceprimary); /* @kind color */
  --color-shape-surface-surfacebuttonspecial: var(--color-maincolor-primarydarker); /* @kind color */
  --color-shape-surface-surfaceinput: var(--color-button-primary); /* @kind color */
  --color-shape-surface-surfaceinputdisabled: var(--color-button-300); /* @kind color */
  --color-shape-surface-surfacemaincontent: var(--color-maincolor-white); /* @kind color */
  --color-shape-surface-surfaceradioselected: var(--color-maincolor-primarybackground); /* @kind color */
  --color-shape-surface-surfacescreen: var(--color-maincolor-primaryscreenbackground); /* @kind color */
  --color-shape-surface-surfacetabactive: var(--color-maincolor-primarylighter); /* @kind color */
  --color-surface-surface: var(--color-hue-color-200); /* @kind color */
  --color-surface-surfacedark: var(--color-hue-color-800); /* @kind color */
  --color-surface-surfacegray: var(--color-hue-color-400); /* @kind color */
  --color-surface-surfacelight: var(--color-hue-color-100); /* @kind color */
  --color-surface-surfacelighter: var(--color-hue-color-50); /* @kind color */
  --color-surface-surfaceprimary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-surface-surfaceprimarybg: var(--color-maincolor-primary-prime-pearl); /* @kind color */
  --color-surface-surfaceprimarylighter: var(--color-maincolor-primary-golden-sand); /* @kind color */
  --color-surface-surfacesecondary: var(--color-maincolor-secondary-2); /* @kind color */
  --color-surface-surfacewhite: var(--color-hue-color-white); /* @kind color */
  --color-text-body-default: var(--color-hue-color-800); /* @kind color */
  --color-text-body-disable: var(--color-hue-color-300); /* @kind color */
  --color-text-body-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-text-body-light: var(--color-hue-color-50); /* @kind color */
  --color-text-body-link: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --color-text-body-primary: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-text-body-primarydark: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-text-body-primarylight: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --color-text-body-secondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-text-body-secondarydark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-text-body-secondarylight: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-text-body-standard: var(--color-hue-color-500); /* @kind color */
  --color-text-body-subdued: var(--color-hue-color-500); /* @kind color */
  --color-text-caption-default: var(--color-hue-color-500); /* @kind color */
  --color-text-caption-disable: var(--color-hue-color-300); /* @kind color */
  --color-text-caption-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-text-invert-defaultinvert: var(--color-maincolor-white); /* @kind color */
  --color-text-menu-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-300); /* @kind color */
  --color-text-menu-disable: var(--color-hue-color-500); /* @kind color */
  --color-text-menu-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-600); /* @kind color */
  --color-text-title-default: var(--color-hue-color-900); /* @kind color */
  --color-text-title-disabled: var(--color-hue-color-300); /* @kind color */
  --color-text-title-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-text-title-light: var(--color-hue-color-50); /* @kind color */
  --color-text-title-primary: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-text-title-primarydark: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-text-title-primarylight: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --color-text-title-secondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-text-title-secondarydark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-text-title-secondarylight: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-text-title-strong: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-text-title-sub: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --colors-blue: rgb(0,136,255); /* @kind color */
  --dimension-page-header-height-img: 652; /* @kind other */

  --dimension-page-header-height: 420; /* @kind other */

  --dimension-page-header-titleshadowheight: 160; /* @kind other */

  --en-family-title: "Poppins"; /* @kind other */

  --en-responsive-typography-xs: 12; /* @kind other */

  --en-weight-regular: 400; /* @kind other */
  --en-weight-semi-bold: 600; /* @kind other */
  --family-title: "Poppins"; /* @kind other */

  --font-family-body: "Albert Sans";
  --font-family-title: "Playfair Display";
  --font-line-height-l: 65;
  --font-line-height-lg: 44;
  --font-line-height-md: 30;
  --font-line-height-s: 20;
  --font-line-height-sm: 26;
  --font-line-height-xl: 130;
  --font-line-height-xs: 18;
  --font-size-2xl: 24;
  --font-size-3xl: 28;
  --font-size-4xl: 32;
  --font-size-5xl: 36;
  --font-size-6xl: 40;
  --font-size-7xl: 54;
  --font-size-banner: 100;
  --font-size-big-size: 120;
  --font-size-lg: 20;
  --font-size-md: 18;
  --font-size-s: 14;
  --font-size-sm: 16;
  --font-size-xl: 22;
  --font-size-xs: 12;
  --font-size-xss: 12;
  --font-size-xxs: 8;
  --font-style-regular: "Regular"; /* @kind other */
  --font-style-semi-bold: "Semi Bold"; /* @kind other */
  --font-weight-bold: "Bold"; /* @kind other */
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semi-bold: "Semi Bold"; /* @kind other */
  --gap-card-content-16: var(--spacing-16px);
  --gap-card-content-24: var(--spacing-24px);
  --global-fontfamily-general: "Albert Sans"; /* @kind other */
  --global-fontfamily-heading: var(--global-fontfamily-title); /* @kind other */
  --global-fontfamily-system: var(--global-fontfamily-general); /* @kind other */
  --global-fontfamily-title: "Playfair Display"; /* @kind other */
  --global-size-normal: 16; /* @kind other */
  --global-style-regular: "Regular"; /* @kind other */
  --heading-general-fontfamily: var(--global-fontfamily-heading); /* @kind other */
  --heading-paragraph-fontfamily: var(--heading-general-fontfamily); /* @kind other */
  --icons-primary-overlay-icon-overlay-title: var(--white-white); /* @kind color */
  --icons-primary-standard-icon-standard-title: var(--text-primary-standard-text-standard-title); /* @kind color */
  --input-label-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --input-text-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --input-text-error: var(--color-action-error-500); /* @kind color */
  --label-button-fontfamily: var(--label-general-fontfamily); /* @kind other */
  --label-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --label-disabled: var(--color-hue-color-500); /* @kind color */
  --label-general-fontfamily: var(--global-fontfamily-system); /* @kind other */
  --labels-vibrant-controls-tertiary: rgb(217,217,217); /* @kind color */
  --line-in-lus: var(--color-maincolor-primary-royal-chocolate-royal-chocolate500); /* @kind color */
  --line-in-olive: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500-2); /* @kind color */
  --line-in-white: var(--color-maincolor-primary-lus-bronze-lus-bronze400); /* @kind color */
  --miscellaneous-segmented-control-selected-fill: rgb(255,255,255); /* @kind color */
  --miscellaneous-text-field-bg: rgb(255,255,255); /* @kind color */
  --miscellaneous-window-controls-maximize: rgb(39,200,64); /* @kind color */
  --miscellaneous-window-controls-minimize: rgb(254,188,47); /* @kind color */
  --neutral-gray-200: rgb(239,239,239); /* @kind color */
  --neutral-gray-300: rgb(213,213,213); /* @kind color */
  --neutral-grey-700-ink-700: rgb(56,56,56); /* @kind color */
  --neutral-grey-800-ink-800: rgb(23,23,23); /* @kind color */
  --padding-card-paragraph: var(--spacing-16px);
  --padding-l: var(--spacing-48px);
  --padding-lg: var(--spacing-40px);
  --padding-m: var(--spacing-24px);
  --padding-md: var(--spacing-32px);
  --padding-none: var(--spacing-0px);
  --padding-page: 240;
  --padding-s: var(--spacing-8px);
  --padding-sm: var(--spacing-16px);
  --padding-title-section: 32;
  --padding-xs: var(--spacing-4px);
  --placeholder-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --placeholder-disabled: var(--color-hue-color-500); /* @kind color */
  --primary-dwellred200: rgb(224,127,125); /* @kind color */
  --primary-dwellred800: rgb(177,0,10); /* @kind color */
  --radius-lg: var(--spacing-24px);
  --radius-m: var(--spacing-16px);
  --radius-md: var(--spacing-12px);
  --radius-none: var(--spacing-0px);
  --radius-pill: 2000;
  --radius-sm: var(--spacing-8px);
  --radius-xl: var(--spacing-32px);
  --radius-xs: var(--spacing-4px);
  --radius-xxl: var(--spacing-40px);
  --responsive-typography-xs: 12; /* @kind other */
  --rules-breakpoint: 1920; /* @kind other */
  --rules-columns-2: 12; /* @kind other */
  --rules-columns: 12; /* @kind other */
  --rules-gutter-2: 42; /* @kind other */
  --rules-gutter: 42; /* @kind other */
  --rules-logo-height: 47; /* @kind other */
  --rules-logo-width: 178; /* @kind other */
  --rules-navigation-spacing: 1920; /* @kind other */
  --rules-text-body: 28; /* @kind other */
  --rules-text-contents: 18; /* @kind other */
  --rules-text-h4: 34; /* @kind other */
  --screen-misc-titlenegativepadding: -2; /* @kind spacing */
  --screen-width: 1920; /* @kind other */

  --size-iphone13-pro-column-onehalf: 163.5;
  --size-iphone13-pro-mainnavcell-height: 68;
  --size-iphone13-pro-mainnavcell-width: 56;
  --size-iphone13-pro-width: 375;
  --size-responsive-booking-property-banner-menu: 400;
  --size-responsive-booking-property-banner-shadow: 695;
  --size-responsive-booking-title-table: 400;
  --size-responsive-container-size: 1128;
  --size-responsive-for-int-students-card-s4: 450;
  --size-responsive-for-int-students-heigh-img: 500;
  --size-responsive-for-int-students-img-s1: 800;
  --size-responsive-for-int-students-width-bg-white: 225;
  --size-responsive-for-int-students-width-content: 600;
  --size-responsive-img-card-height-img: 650;
  --size-responsive-img-card-padding-blog: 40;
  --size-responsive-img-card-radios-img-80px: 80;
  --size-responsive-img-card-radios-img-big: 200;
  --size-responsive-img-card-radious-50: 50;
  --size-responsive-img-card-radious-wellcome: 200;
  --size-responsive-img-card-width-blog: 464;
  --size-responsive-img-card-width-img: 464;
  --size-responsive-join-waitlist-img-ss1: 600;
  --size-responsive-life-ep-heigh-img: 600;
  --size-responsive-life-ep-img-width: 450;
  --size-responsive-moving-in-ss3-heigh-process: 300;
  --size-responsive-moving-in-ss3-width-content: 480;
  --size-responsive-moving-in-ss5-maxwidth-content: 766;
  --size-responsive-moving-in-ss5-minwidth-content: 500;
  --size-responsive-my-account-img-none-radios-small: 80;
  --size-responsive-my-account-img-none-radios: 200;
  --size-responsive-my-account-profile-max-width: 465;
  --size-responsive-my-account-width-voucher: 300;
  --size-responsive-page-columns: 12;
  --size-responsive-page-footer-padding-icon: 24;
  --size-responsive-page-form: 968;
  --size-responsive-page-gutter: 24;
  --size-responsive-page-icon-big: 80;
  --size-responsive-page-icon-normal: 40;
  --size-responsive-page-padding-banner-page: 240;
  --size-responsive-page-padding-content: 40;
  --size-responsive-page-padding-footer: 150;
  --size-responsive-page-padding-menu: 80;
  --size-responsive-page-padding-page: 240;
  --size-responsive-page-padding-pop-up: 32;
  --size-responsive-page-padding-section: 80;
  --size-responsive-page-padding-title-page: 16;
  --size-responsive-page-padding-title-with-section: 32;
  --size-responsive-page-popupwidth: 800;
  --size-responsive-page-popupwidthlarge: 1200;
  --size-responsive-page-radius: var(--radius-none);
  --size-responsive-page-screen-size: 1920;
  --size-responsive-room-card-height-img: 547;
  --size-responsive-room-card-min-w-btn-room-detail: 110;
  --size-responsive-room-card-width-btn-room-detail: 300;
  --size-responsive-room-card-width-content-price: 700;
  --size-responsive-room-card-width-content-room-detail: 935;
  --size-responsive-room-card-width-content: 976;
  --size-responsive-room-card-width-img: 464;
  --size-responsive-scholarship-padding-banner: 150;
  --size-responsive-section-choose-ep-section-1-img-hight-wellcome: 600;
  --size-responsive-section-choose-ep-section-1-img-wellcome: 720;
  --size-responsive-section-choose-ep-section-1-padding-img-wellcome: 40;
  --size-responsive-section-choose-ep-section-2-content-height: 800;
  --size-responsive-section-choose-ep-section-2-img-height: 800;
  --size-responsive-section-choose-ep-section-2-img-width: 1000;
  --size-responsive-section-choose-ep-section-2-padding-section-choose-epiissod: 24;
  --size-responsive-section-choose-ep-section-2-radio: 0;
  --size-responsive-section-choose-ep-section-3-padding-text-section-3-p2: 160;
  --size-responsive-section-choose-ep-section-3-width-title-content: 1000;
  --size-responsive-size-menu: 1400;
  --size-screen-col-6: 612;
  --spacing-0: 0;
  --spacing-0px: 0;
  --spacing-12: 12;
  --spacing-12px: 12;
  --spacing-16: 16;
  --spacing-16px: 16;
  --spacing-1: 12;
  --spacing-1half: 16;
  --spacing-1quarter: 4;
  --spacing-20px: 20;
  --spacing-24: 24;
  --spacing-24px: 24;
  --spacing-28px: 28;
  --spacing-2: 24;
  --spacing-2px: 2;
  --spacing-32px: 32;
  --spacing-3: 32;
  --spacing-40px: 40;
  --spacing-44px: 44;
  --spacing-48px: 48;
  --spacing-4: 40;
  --spacing-4px: 4;
  --spacing-56px: 56;
  --spacing-8px: 8;
  --spacing-gap-horizontal-buttonbiggap: var(--spacing-2);
  --spacing-gap-horizontal-buttonnormal: var(--spacing-half);
  --spacing-gap-horizontal-formcolumngap: var(--spacing-4);
  --spacing-gap-horizontal-gap: var(--spacing-2);
  --spacing-gap-horizontal-gapsm: var(--spacing-1);
  --spacing-gap-horizontal-inputgap: var(--spacing-half);
  --spacing-gap-horizontal-none: var(--spacing-0);
  --spacing-gap-vertical-buttonnormal: var(--spacing-half);
  --spacing-gap-vertical-gap: var(--spacing-2);
  --spacing-gap-vertical-gapsm: var(--spacing-1);
  --spacing-gap-vertical-inputgap: var(--spacing-half);
  --spacing-gap-vertical-none: var(--spacing-0);
  --spacing-gap-vertical-sectiongap: var(--spacing-3);
  --spacing-half: 8;
  --spacing-padding-horizontal-buttonpaddinghorizontal: var(--padding-sm);
  --spacing-padding-horizontal-inputpaddinghorizontal: var(--padding-sm);
  --spacing-padding-horizontal-tablepaddinghorizontal: var(--padding-sm);
  --spacing-padding-horizontal-tablepaddinghorizontalsm: var(--padding-xs);
  --spacing-padding-vertical-buttonlinkpaddingvertical: var(--padding-none);
  --spacing-padding-vertical-buttonpaddingvertical: var(--spacing-1);
  --spacing-padding-vertical-inputpaddingvertical: var(--padding-md);
  --spacing-padding-vertical-inputpaddingverticaltight: var(--padding-xs);
  --spacing-padding-vertical-mainnavpaddingvertical: var(--spacing-half);
  --spacing-padding-vertical-tablepaddingvertical: var(--padding-sm);
  --spacing-padding-vertical-tablepaddingverticaltight: var(--padding-xs);
  --spacing-padding-vertical-tagpaddingvertical: var(--spacing-1half);
  --spacing-standard-buttonbigpadding: var(--padding-md);
  --spacing-standard-buttonnormal: var(--padding-m);
  --spacing-standard-buttonsmallpadding: var(--padding-xs);
  --spacing-standard-contentpadding: var(--padding-md);
  --spacing-standard-dropdownpadding: var(--spacing-half);
  --spacing-standard-half: var(--padding-xs);
  --spacing-standard-normal: var(--padding-md);
  --spacing-standard-popuppadding: var(--padding-lg);
  --spacing-standard-screenpadding: var(--padding-md);
  --surface-blue-secondary-2-default-lv3-2: var(--color-maincolor-secondary-deep-saphire-deep-saphire600); /* @kind color */
  --surface-blue-secondary-2-default-lv3: var(--color-maincolor-secondary-deep-saphire-deep-saphire600); /* @kind color */
  --surface-blue-secondary-2-disable-lv2-2: var(--color-maincolor-secondary-deep-saphire-deep-saphire200); /* @kind color */
  --surface-blue-secondary-2-disable-lv2: var(--color-maincolor-secondary-deep-saphire-deep-saphire200); /* @kind color */
  --surface-blue-secondary-2-hover-lv1-2: var(--color-maincolor-secondary-old-dark-green); /* @kind color */
  --surface-blue-secondary-2-hover-lv1: var(--color-maincolor-secondary-old-dark-green); /* @kind color */
  --surface-lus-primary-default-lv3: var(--color-maincolor-primary-lus-bronze-lus-bronze500); /* @kind color */
  --surface-lus-primary-disable-lv2: var(--color-maincolor-primary-lus-bronze-lus-bronze300); /* @kind color */
  --surface-lus-primary-hover-lv1: var(--color-maincolor-primary-royal-chocolate); /* @kind color */
  --surface-olive-secondary-default-lv3-2: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600-2); /* @kind color */
  --surface-olive-secondary-default-lv3: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600-2); /* @kind color */
  --surface-olive-secondary-disable-lv2: var(--color-maincolor-secondary-deep-emerald-deep-emerald-200-2); /* @kind color */
  --surface-olive-secondary-hover-lv1: var(--color-maincolor-secondary-deep-emerald-deep-emerald700); /* @kind color */
  --surface-red-highlight-primary-surface-dwell-red-dark: var(--primary-dwellred800); /* @kind color */
  --surface-white-page-color-level-1: var(--color-hue-color-white); /* @kind color */
  --surface-white-page-color-level-2: var(--color-maincolor-primary-royal-chocolate-royal-chocolate100); /* @kind color */
  --surface-white-page-color-level-3-2: var(--color-maincolor-primary-royal-chocolate-royal-chocolate300); /* @kind color */
  --surface-white-page-color-level-3: var(--color-maincolor-primary-royal-chocolate-royal-chocolate300); /* @kind color */
  --text-blue-dark-body: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-blue-dark-caption: var(--color-maincolor-secondary-deep-saphire-deep-saphire200); /* @kind color */
  --text-blue-dark-title-2: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-blue-dark-title: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-blue-light-body: var(--color-maincolor-secondary-old-dark-green); /* @kind color */
  --text-blue-light-caption: var(--color-maincolor-secondary-deep-saphire-deep-saphire600); /* @kind color */
  --text-blue-light-title: var(--color-maincolor-secondary-old-dark-green); /* @kind color */
  --text-blue-standard-body-2: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-blue-standard-body: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-blue-standard-caption: var(--color-maincolor-secondary-deep-saphire-deep-saphire200); /* @kind color */
  --text-blue-standard-title-2: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-blue-standard-title: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-button-dark: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --text-button-disable: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --text-button-hover: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --text-button-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --text-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --text-disabled: var(--color-hue-color-500); /* @kind color */
  --text-error-input: var(--color-action-error-500); /* @kind color */
  --text-error: var(--color-action-error-500); /* @kind color */
  --text-link-dark: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --text-link-disable: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --text-link-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --text-link-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --text-lus-dark-body: var(--color-maincolor-primary-royal-chocolate-royal-chocolate200); /* @kind color */
  --text-lus-dark-caption: var(--color-maincolor-primary-royal-chocolate-royal-chocolate300); /* @kind color */
  --text-lus-dark-title: var(--color-maincolor-primary-royal-chocolate-royal-chocolate100); /* @kind color */
  --text-lus-light-body: var(--color-maincolor-primary-royal-chocolate-royal-chocolate600); /* @kind color */
  --text-lus-light-title: var(--color-maincolor-primary-royal-chocolate); /* @kind color */
  --text-lus-standard-body: var(--color-maincolor-primary-royal-chocolate-royal-chocolate600); /* @kind color */
  --text-lus-standard-title: var(--color-maincolor-primary-royal-chocolate); /* @kind color */
  --text-olive-dark-body: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-olive-dark-caption: var(--color-maincolor-secondary-deep-saphire-deep-saphire300); /* @kind color */
  --text-olive-dark-title: var(--color-maincolor-secondary-deep-saphire-deep-saphire100); /* @kind color */
  --text-olive-light-body: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600-2); /* @kind color */
  --text-olive-light-title: var(--color-maincolor-secondary-deep-emerald-deep-emerald700); /* @kind color */
  --text-olive-standard-body: var(--color-maincolor-secondary-deep-emerald-deep-emerald-100-2); /* @kind color */
  --text-olive-standard-title: var(--color-maincolor-secondary-deep-emerald-deep-emerald-100-2); /* @kind color */
  --text-primary-overlay-text-overlay-body: var(--white-white800); /* @kind color */
  --text-primary-overlay-text-overlay-title: var(--white-white); /* @kind color */
  --text-primary-red-text-dwell-red-dark: var(--surface-red-highlight-primary-surface-dwell-red-dark); /* @kind color */
  --text-primary-standard-text-standard-body: var(--neutral-grey-700-ink-700); /* @kind color */
  --text-primary-standard-text-standard-title: var(--neutral-grey-800-ink-800); /* @kind color */
  --text-white-dark-body: var(--color-maincolor-primary-royal-chocolate-royal-chocolate600); /* @kind color */
  --text-white-dark-title: var(--color-maincolor-primary-royal-chocolate); /* @kind color */
  --text-white-light-body: var(--color-maincolor-primary-royal-chocolate-royal-chocolate600); /* @kind color */
  --text-white-light-title: var(--color-maincolor-primary-royal-chocolate); /* @kind color */
  --text-white-standard-body-2: var(--color-hue-color-800); /* @kind color */
  --text-white-standard-body: var(--color-hue-color-800); /* @kind color */
  --text-white-standard-caption-2: var(--color-hue-color-600); /* @kind color */
  --text-white-standard-caption: var(--color-hue-color-600); /* @kind color */
  --text-white-standard-title-2: var(--color-hue-color-900); /* @kind color */
  --text-white-standard-title: var(--color-hue-color-900); /* @kind color */
  --theme-background-card: var(--color-maincolor-primary-lus-bronze-lus-bronze-100); /* @kind color */
  --theme-background-menu: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --theme-background-navbar: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --theme-background-page: var(--color-hue-color-white); /* @kind color */
  --theme-background-pop-up: var(--theme-bg-grey-lv-3); /* @kind color */
  --theme-background-section: var(--color-hue-color-white); /* @kind color */
  --theme-background-table: var(--color-maincolor-primary-lus-bronze-lus-bronze-100); /* @kind color */
  --theme-bg-caution-lv-1: var(--color-action-caution-400); /* @kind color */
  --theme-bg-caution-lv-2: var(--color-action-caution-200); /* @kind color */
  --theme-bg-caution-lv-3: var(--color-action-caution-700); /* @kind color */
  --theme-bg-error-lv-1: var(--color-action-error-300); /* @kind color */
  --theme-bg-error-lv-2: var(--color-action-error-100); /* @kind color */
  --theme-bg-error-lv-4: var(--color-action-error-700); /* @kind color */
  --theme-bg-grey-lv-1: var(--color-hue-color-white); /* @kind color */
  --theme-bg-grey-lv-2: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --theme-bg-grey-lv-3: var(--color-maincolor-primary-lus-bronze-lus-bronze-300); /* @kind color */
  --theme-bg-primary-lv-1: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --theme-bg-primary-lv-2: var(--color-maincolor-primary-lus-bronze-lus-bronze-300); /* @kind color */
  --theme-bg-primary-lv-3: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --theme-bg-secondary-2-lv-1: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600); /* @kind color */
  --theme-bg-secondary-2-lv-2: var(--color-maincolor-secondary-deep-emerald-deep-emerald-200); /* @kind color */
  --theme-bg-secondary-2-lv-3: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --theme-bg-secondary-lv-1: var(--color-maincolor-secondary-deep-saphire-deep-saphire-600); /* @kind color */
  --theme-bg-secondary-lv-2: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --theme-bg-secondary-lv-3: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --theme-bg-success-lv-1: var(--color-action-success-300); /* @kind color */
  --theme-bg-success-lv-2: var(--color-action-success-100); /* @kind color */
  --theme-bg-success-lv-3: var(--color-action-success-700); /* @kind color */
  --theme-stroke-card: var(--neutral-gray-200); /* @kind color */
  --theme-stroke-form: var(--neutral-gray-300); /* @kind color */
  --weight-regular: 400; /* @kind other */
  --white-white100: rgba(255,255,255,0.12); /* @kind color */
  --white-white800: rgba(255,255,255,0.8); /* @kind color */
  --white-white: rgb(255,255,255); /* @kind color */
}

:root[data-mode="tablet"] {
  --body-general-fontfamily: var(--global-fontfamily-general); /* @kind other */
  --body-general-lineheight: 20; /* @kind other */

  --body-general-size: var(--global-size-normal); /* @kind other */
  --body-general-style: var(--global-style-regular); /* @kind other */
  --color-action-danger: rgb(255,59,48); /* @kind color */
  --color-action-success: rgb(52,199,89); /* @kind color */
  --color-action-warning: rgb(228,152,3); /* @kind color */
  --color-button-1000: rgb(0,0,0); /* @kind color */
  --color-button-200: rgb(233,236,239); /* @kind color */
  --color-button-300: rgb(222,226,230); /* @kind color */
  --color-button-500: rgb(169,175,181); /* @kind color */
  --color-button-600: rgb(108,117,125); /* @kind color */
  --color-button-700: rgb(73,80,87); /* @kind color */
  --color-button-800: rgb(52,58,64); /* @kind color */
  --color-button-900: rgb(33,37,41); /* @kind color */
  --color-button-primary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-button-secodary: var(--color-maincolor-secondary-2); /* @kind color */
  --color-maincolor-primary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-maincolor-primarybackground: rgb(238,244,255); /* @kind color */
  --color-maincolor-primaryborder: rgb(172,187,216); /* @kind color */
  --color-maincolor-primarydarker: rgb(30,63,128); /* @kind color */
  --color-maincolor-primarylighter: rgb(115,157,239); /* @kind color */
  --color-maincolor-primaryscreenbackground: rgb(246,249,255); /* @kind color */
  --color-maincolor-secondary: var(--color-button-600); /* @kind color */
  --color-maincolor-secondarydarker: var(--color-button-800); /* @kind color */
  --color-maincolor-white: var(--color-button-primary); /* @kind color */
  --dimension-page-header-height-img: 516; /* @kind other */

  --dimension-page-header-height: 300; /* @kind other */

  --dimension-page-header-titleshadowheight: 160; /* @kind other */

  --en-family-title: "Poppins"; /* @kind other */

  --en-responsive-typography-xs: 12; /* @kind other */

  --en-weight-regular: 400; /* @kind other */
  --en-weight-semi-bold: 600; /* @kind other */
  --family-title: "Poppins"; /* @kind other */

  --font-family-body: "Albert Sans";
  --font-family-title: "Playfair Display";
  --font-line-height-l: 48;
  --font-line-height-lg: 44;
  --font-line-height-md: 30;
  --font-line-height-s: 20;
  --font-line-height-sm: 24;
  --font-line-height-xl: 80;
  --font-line-height-xs: 18;
  --font-size-2xl: 24;
  --font-size-3xl: 26;
  --font-size-4xl: 28;
  --font-size-5xl: 32;
  --font-size-6xl: 38;
  --font-size-7xl: 40;
  --font-size-banner: 80;
  --font-size-big-size: 80;
  --font-size-lg: 18;
  --font-size-md: 18;
  --font-size-s: 14;
  --font-size-sm: 16;
  --font-size-xl: 22;
  --font-size-xs: 12;
  --font-size-xss: 12;
  --font-size-xxs: 8;
  --font-weight-bold: "Bold"; /* @kind other */
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semi-bold: "Semi Bold"; /* @kind other */
  --gap-card-content-16: var(--spacing-16px);
  --gap-card-content-24: var(--spacing-20px);
  --global-fontfamily-general: "Albert Sans"; /* @kind other */
  --global-fontfamily-heading: var(--global-fontfamily-title); /* @kind other */
  --global-fontfamily-system: var(--global-fontfamily-general); /* @kind other */
  --global-fontfamily-title: "Playfair Display"; /* @kind other */
  --global-size-normal: 16; /* @kind other */
  --global-style-regular: "Regular"; /* @kind other */
  --heading-general-fontfamily: var(--global-fontfamily-heading); /* @kind other */
  --heading-paragraph-fontfamily: var(--heading-general-fontfamily); /* @kind other */
  --label-button-fontfamily: var(--label-general-fontfamily); /* @kind other */
  --label-general-fontfamily: var(--global-fontfamily-system); /* @kind other */
  --padding-card-paragraph: var(--spacing-16px);
  --padding-l: var(--spacing-40px);
  --padding-lg: var(--spacing-32px);
  --padding-m: var(--spacing-20px);
  --padding-md: var(--spacing-28px);
  --padding-none: var(--spacing-0px);
  --padding-page: 40;
  --padding-s: var(--spacing-8px);
  --padding-sm: var(--spacing-16px);
  --padding-title-section: 24;
  --padding-xs: var(--spacing-4px);
  --radius-lg: var(--spacing-24px);
  --radius-m: var(--spacing-16px);
  --radius-md: var(--spacing-12px);
  --radius-none: var(--spacing-0);
  --radius-pill: 2000;
  --radius-sm: var(--spacing-8px);
  --radius-xl: var(--spacing-32px);
  --radius-xs: var(--spacing-4px);
  --radius-xxl: var(--spacing-40px);
  --responsive-typography-xs: 12; /* @kind other */
  --screen-misc-titlenegativepadding: -2; /* @kind spacing */
  --screen-width: 1080; /* @kind other */

  --size-iphone13-pro-column-onehalf: 163.5;
  --size-iphone13-pro-mainnavcell-height: 68;
  --size-iphone13-pro-mainnavcell-width: 56;
  --size-iphone13-pro-width: 375;
  --size-responsive-booking-property-banner-menu: 900;
  --size-responsive-booking-property-banner-shadow: 695;
  --size-responsive-booking-title-table: 960;
  --size-responsive-container-size: 700;
  --size-responsive-for-int-students-card-s4: 300;
  --size-responsive-for-int-students-heigh-img: 400;
  --size-responsive-for-int-students-img-s1: 1000;
  --size-responsive-for-int-students-width-bg-white: 150;
  --size-responsive-for-int-students-width-content: 800;
  --size-responsive-img-card-height-img: 400;
  --size-responsive-img-card-padding-blog: 24;
  --size-responsive-img-card-radios-img-80px: 40;
  --size-responsive-img-card-radios-img-big: 200;
  --size-responsive-img-card-radious-50: 40;
  --size-responsive-img-card-radious-wellcome: 200;
  --size-responsive-img-card-width-blog: 360;
  --size-responsive-img-card-width-img: 400;
  --size-responsive-join-waitlist-img-ss1: 550;
  --size-responsive-life-ep-heigh-img: 500;
  --size-responsive-life-ep-img-width: 200;
  --size-responsive-moving-in-ss3-heigh-process: 250;
  --size-responsive-moving-in-ss3-width-content: 400;
  --size-responsive-moving-in-ss5-maxwidth-content: 1000;
  --size-responsive-moving-in-ss5-minwidth-content: 700;
  --size-responsive-my-account-img-none-radios-small: 40;
  --size-responsive-my-account-img-none-radios: 150;
  --size-responsive-my-account-profile-max-width: 360;
  --size-responsive-my-account-width-voucher: 500;
  --size-responsive-page-columns: 8;
  --size-responsive-page-footer-padding-icon: 8;
  --size-responsive-page-form: 700;
  --size-responsive-page-gutter: 24;
  --size-responsive-page-icon-big: 60;
  --size-responsive-page-icon-normal: 30;
  --size-responsive-page-padding-banner-page: 40;
  --size-responsive-page-padding-content: 32;
  --size-responsive-page-padding-footer: 0;
  --size-responsive-page-padding-menu: 40;
  --size-responsive-page-padding-page: 40;
  --size-responsive-page-padding-pop-up: 24;
  --size-responsive-page-padding-section: 40;
  --size-responsive-page-padding-title-page: 8;
  --size-responsive-page-padding-title-with-section: 28;
  --size-responsive-page-popupwidth: 800;
  --size-responsive-page-popupwidthlarge: 1000;
  --size-responsive-page-radius: var(--radius-none);
  --size-responsive-page-screen-size: 1080;
  --size-responsive-room-card-height-img: 569;
  --size-responsive-room-card-min-w-btn-room-detail: 170;
  --size-responsive-room-card-width-btn-room-detail: 150;
  --size-responsive-room-card-width-content-price: 400;
  --size-responsive-room-card-width-content-room-detail: 600;
  --size-responsive-room-card-width-content: 700;
  --size-responsive-room-card-width-img: 1000;
  --size-responsive-scholarship-padding-banner: 80;
  --size-responsive-section-choose-ep-section-1-img-hight-wellcome: 600;
  --size-responsive-section-choose-ep-section-1-img-wellcome: 400;
  --size-responsive-section-choose-ep-section-1-padding-img-wellcome: 32;
  --size-responsive-section-choose-ep-section-2-content-height: 650;
  --size-responsive-section-choose-ep-section-2-img-height: 650;
  --size-responsive-section-choose-ep-section-2-img-width: 700;
  --size-responsive-section-choose-ep-section-2-padding-section-choose-epiissod: 24;
  --size-responsive-section-choose-ep-section-2-radio: 0;
  --size-responsive-section-choose-ep-section-3-padding-text-section-3-p2: 80;
  --size-responsive-section-choose-ep-section-3-width-title-content: 700;
  --size-responsive-size-menu: 740;
  --size-screen-col-6: 612;
  --spacing-0: 0;
  --spacing-1: 12;
  --spacing-1half: 16;
  --spacing-1quarter: 4;
  --spacing-2: 24;
  --spacing-3: 32;
  --spacing-4: 40;
  --spacing-half: 8;
  --weight-regular: 400; /* @kind other */
}

:root[data-mode="mobile"] {
  --body-general-fontfamily: var(--global-fontfamily-general); /* @kind other */
  --body-general-lineheight: 18; /* @kind other */

  --body-general-size: var(--global-size-normal); /* @kind other */
  --body-general-style: var(--global-style-regular); /* @kind other */
  --color-action-danger: rgb(255,59,48); /* @kind color */
  --color-action-success: rgb(52,199,89); /* @kind color */
  --color-action-warning: rgb(228,152,3); /* @kind color */
  --color-button-1000: rgb(0,0,0); /* @kind color */
  --color-button-200: rgb(233,236,239); /* @kind color */
  --color-button-300: rgb(222,226,230); /* @kind color */
  --color-button-500: rgb(169,175,181); /* @kind color */
  --color-button-600: rgb(108,117,125); /* @kind color */
  --color-button-700: rgb(73,80,87); /* @kind color */
  --color-button-800: rgb(52,58,64); /* @kind color */
  --color-button-900: rgb(33,37,41); /* @kind color */
  --color-button-primary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-button-secodary: var(--color-maincolor-secondary-2); /* @kind color */
  --color-maincolor-primary: rgb(0,122,255); /* @kind color */
  --color-maincolor-primarybackground: rgb(238,244,255); /* @kind color */
  --color-maincolor-primaryborder: rgb(172,187,216); /* @kind color */
  --color-maincolor-primarydarker: rgb(30,63,128); /* @kind color */
  --color-maincolor-primarylighter: rgb(115,157,239); /* @kind color */
  --color-maincolor-primaryscreenbackground: rgb(246,249,255); /* @kind color */
  --color-maincolor-secondary: var(--color-button-600); /* @kind color */
  --color-maincolor-secondarydarker: var(--color-button-800); /* @kind color */
  --color-maincolor-white: var(--color-button-primary); /* @kind color */
  --dimension-page-header-height-img: 516; /* @kind other */

  --dimension-page-header-height: 300; /* @kind other */

  --dimension-page-header-titleshadowheight: 160; /* @kind other */

  --en-family-title: "Poppins"; /* @kind other */

  --en-responsive-typography-xs: 12; /* @kind other */

  --en-weight-regular: 400; /* @kind other */
  --en-weight-semi-bold: 600; /* @kind other */
  --family-title: "Poppins"; /* @kind other */

  --font-family-body: "Albert Sans";
  --font-family-title: "Playfair Display";
  --font-line-height-l: 44;
  --font-line-height-lg: 40;
  --font-line-height-md: 28;
  --font-line-height-s: 18;
  --font-line-height-sm: 22;
  --font-line-height-xl: 48;
  --font-line-height-xs: 18;
  --font-size-2xl: 22;
  --font-size-3xl: 24;
  --font-size-4xl: 26;
  --font-size-5xl: 28;
  --font-size-6xl: 28;
  --font-size-7xl: 30;
  --font-size-banner: 40;
  --font-size-big-size: 40;
  --font-size-lg: 18;
  --font-size-md: 16;
  --font-size-s: 14;
  --font-size-sm: 14;
  --font-size-xl: 20;
  --font-size-xs: 10;
  --font-size-xss: 10;
  --font-size-xxs: 8;
  --font-weight-bold: "Bold"; /* @kind other */
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semi-bold: "Semi Bold"; /* @kind other */
  --gap-card-content-16: var(--spacing-16px);
  --gap-card-content-24: var(--spacing-20px);
  --global-fontfamily-general: "Albert Sans"; /* @kind other */
  --global-fontfamily-heading: var(--global-fontfamily-title); /* @kind other */
  --global-fontfamily-title: "Playfair Display"; /* @kind other */
  --global-size-normal: 14; /* @kind other */
  --global-style-regular: "Regular"; /* @kind other */
  --heading-general-fontfamily: var(--global-fontfamily-heading); /* @kind other */
  --heading-paragraph-fontfamily: var(--heading-general-fontfamily); /* @kind other */
  --padding-card-paragraph: var(--spacing-16px);
  --padding-l: var(--spacing-32px);
  --padding-lg: var(--spacing-28px);
  --padding-m: var(--spacing-16px);
  --padding-md: var(--spacing-24px);
  --padding-none: var(--spacing-0px);
  --padding-page: 16;
  --padding-s: var(--spacing-8px);
  --padding-sm: var(--spacing-12px);
  --padding-title-section: 24;
  --padding-xs: var(--spacing-2px);
  --radius-lg: var(--spacing-16px);
  --radius-m: var(--spacing-12px);
  --radius-md: var(--spacing-8px);
  --radius-none: var(--spacing-0);
  --radius-pill: 2000;
  --radius-sm: var(--spacing-4px);
  --radius-xl: var(--spacing-24px);
  --radius-xs: var(--spacing-4px);
  --radius-xxl: var(--spacing-32px);
  --responsive-typography-xs: 12; /* @kind other */
  --rules-breakpoint: 390; /* @kind other */
  --rules-columns-2: 4; /* @kind other */
  --rules-columns: 4; /* @kind other */
  --rules-gutter-2: 20; /* @kind other */
  --rules-gutter: 20; /* @kind other */
  --rules-logo-height: 30; /* @kind other */
  --rules-logo-width: 110; /* @kind other */
  --rules-navigation-spacing: 210; /* @kind other */
  --rules-text-body: 18; /* @kind other */
  --rules-text-contents: 14; /* @kind other */
  --rules-text-h4: 20; /* @kind other */
  --screen-misc-titlenegativepadding: -1; /* @kind spacing */
  --screen-width: 402; /* @kind other */

  --size-iphone13-pro-column-onehalf: 163.5;
  --size-iphone13-pro-mainnavcell-height: 68;
  --size-iphone13-pro-mainnavcell-width: 56;
  --size-iphone13-pro-width: 375;
  --size-responsive-booking-property-banner-menu: 350;
  --size-responsive-booking-property-banner-shadow: 800;
  --size-responsive-booking-title-table: 338;
  --size-responsive-container-size: 375;
  --size-responsive-for-int-students-card-s4: 330;
  --size-responsive-for-int-students-heigh-img: 354;
  --size-responsive-for-int-students-img-s1: 370;
  --size-responsive-for-int-students-width-bg-white: 0;
  --size-responsive-for-int-students-width-content: 354;
  --size-responsive-img-card-height-img: 354;
  --size-responsive-img-card-padding-blog: 16;
  --size-responsive-img-card-radios-img-80px: 0;
  --size-responsive-img-card-radios-img-big: 0;
  --size-responsive-img-card-radious-50: 24;
  --size-responsive-img-card-radious-wellcome: 150;
  --size-responsive-img-card-width-blog: 354;
  --size-responsive-img-card-width-img: 354;
  --size-responsive-join-waitlist-img-ss1: 0;
  --size-responsive-life-ep-heigh-img: 370;
  --size-responsive-life-ep-img-width: 370;
  --size-responsive-moving-in-ss3-heigh-process: 200;
  --size-responsive-moving-in-ss3-width-content: 360;
  --size-responsive-moving-in-ss5-maxwidth-content: 402;
  --size-responsive-moving-in-ss5-minwidth-content: 220;
  --size-responsive-my-account-img-none-radios-small: 24;
  --size-responsive-my-account-img-none-radios: 150;
  --size-responsive-my-account-profile-max-width: 370;
  --size-responsive-my-account-width-voucher: 322;
  --size-responsive-page-columns: 4;
  --size-responsive-page-footer-padding-icon: 24;
  --size-responsive-page-form: 322;
  --size-responsive-page-gutter: 16;
  --size-responsive-page-icon-big: 44;
  --size-responsive-page-icon-normal: 24;
  --size-responsive-page-padding-banner-page: 24;
  --size-responsive-page-padding-content: 24;
  --size-responsive-page-padding-footer: 16;
  --size-responsive-page-padding-menu: 24;
  --size-responsive-page-padding-page: 16;
  --size-responsive-page-padding-pop-up: 24;
  --size-responsive-page-padding-section: 32;
  --size-responsive-page-padding-title-page: 4;
  --size-responsive-page-padding-title-with-section: 24;
  --size-responsive-page-popupwidth: 402;
  --size-responsive-page-popupwidthlarge: 402;
  --size-responsive-page-radius: var(--radius-none);
  --size-responsive-page-screen-size: 402;
  --size-responsive-room-card-height-img: 402;
  --size-responsive-room-card-min-w-btn-room-detail: 110;
  --size-responsive-room-card-width-btn-room-detail: 200;
  --size-responsive-room-card-width-content-price: 354;
  --size-responsive-room-card-width-content-room-detail: 330;
  --size-responsive-room-card-width-content: 402;
  --size-responsive-room-card-width-img: 402;
  --size-responsive-scholarship-padding-banner: 24;
  --size-responsive-section-choose-ep-section-1-img-hight-wellcome: 354;
  --size-responsive-section-choose-ep-section-1-img-wellcome: 354;
  --size-responsive-section-choose-ep-section-1-padding-img-wellcome: 0;
  --size-responsive-section-choose-ep-section-2-content-height: 700;
  --size-responsive-section-choose-ep-section-2-img-height: 402;
  --size-responsive-section-choose-ep-section-2-img-width: 500;
  --size-responsive-section-choose-ep-section-2-padding-section-choose-epiissod: 16;
  --size-responsive-section-choose-ep-section-2-radio: 0;
  --size-responsive-section-choose-ep-section-3-padding-text-section-3-p2: 16;
  --size-responsive-section-choose-ep-section-3-width-title-content: 354;
  --size-responsive-size-menu: 375;
  --size-screen-col-6: 612;
  --spacing-0: 0;
  --spacing-1: 12;
  --spacing-1half: 16;
  --spacing-1quarter: 4;
  --spacing-2: 24;
  --spacing-3: 32;
  --spacing-4: 40;
  --spacing-half: 8;
  --weight-regular: 400; /* @kind other */
}

:root[data-theme="dark"], .dark {
  --background-default: rgba(208,167,127,0.2); /* @kind color */
  --background-disabled: var(--color-hue-color-700); /* @kind color */
  --background-error: rgba(234,88,38,0.2); /* @kind color */
  --background-focus: rgba(208,167,127,0.3); /* @kind color */
  --background-hover-2: rgba(208,167,127,0.3); /* @kind color */
  --bolder-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --bolder-disabled: var(--color-hue-color-600); /* @kind color */
  --bolder-error: var(--color-action-error-500); /* @kind color */
  --bolder-focus: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --bolder-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-border-borderinput-dark: var(--color-hue-color-600); /* @kind color */
  --color-border-borderinput-light: var(--color-hue-color-800); /* @kind color */
  --color-border-borderinput: var(--color-hue-color-700); /* @kind color */
  --color-border-borderprimary: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-border-bordersecondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-300); /* @kind color */
  --color-border-error: var(--color-action-error-500); /* @kind color */
  --color-button-background-primary-default-light: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-button-background-primary-disabled: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --color-button-background-primary-hover: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-button-background-secondary-2-default-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600); /* @kind color */
  --color-button-background-secondary-2-default-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-300); /* @kind color */
  --color-button-background-secondary-2-disabled: var(--color-hue-color-300); /* @kind color */
  --color-button-background-secondary-2-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --color-button-background-secondary-default-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-button-background-secondary-default-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --color-button-background-secondary-disabled: var(--color-maincolor-secondary-deep-saphire-deep-saphire-300); /* @kind color */
  --color-button-background-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-button-border-primary-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-button-border-primary-disabled: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-400); /* @kind color */
  --color-button-border-primary-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-button-border-secondary-2-default: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-border-secondary-2-disabled: var(--color-hue-color-400); /* @kind color */
  --color-button-border-secondary-2-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-border-secondary-default: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-button-border-secondary-disabled: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --color-button-border-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-300); /* @kind color */
  --color-button-text-link-primary-primary-light: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --color-button-text-link-primary: var(--color-maincolor-primary-lus-bronze-lus-bronze-600); /* @kind color */
  --color-button-text-link-secondary-2-disable-2: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --color-button-text-link-secondary-2-secondary-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --color-button-text-link-secondary-2-secondary-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-400); /* @kind color */
  --color-button-text-link-secondary-2-secondary-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-200); /* @kind color */
  --color-button-text-link-secondary-disable-2: var(--color-hue-color-500); /* @kind color */
  --color-button-text-link-secondary-secondary-dark: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --color-button-text-link-secondary-secondary-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-button-text-link-secondary-secondary-light: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --color-button-text-link-secondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --color-button-text-primary-default-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-button-text-primary-disabled: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --color-button-text-primary-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-100); /* @kind color */
  --color-button-text-secondary-2-default-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-100); /* @kind color */
  --color-button-text-secondary-2-default-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-100); /* @kind color */
  --color-button-text-secondary-2-disabled: var(--color-maincolor-secondary-deep-emerald-deep-emerald-300); /* @kind color */
  --color-button-text-secondary-default-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-button-text-secondary-default-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-button-text-secondary-disabled: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --color-button-text-secondary-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-input-bg: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --color-input-border: var(--color-border-borderprimary); /* @kind color */
  --color-input-caption: var(--color-text-title-sub); /* @kind color */
  --color-input-label-disabled: var(--color-hue-color-400); /* @kind color */
  --color-shape-border-borderbuttonghostsecondary: var(--color-border-bordersecondary); /* @kind color */
  --color-shape-border-borderscreen: var(--color-button-primary); /* @kind color */
  --color-shape-border-separator: var(--color-button-600); /* @kind color */
  --color-shape-border-separatorstrong: var(--color-button-800); /* @kind color */
  --color-shape-radius-buttonmain: var(--radius-sm);
  --color-shape-radius-card: var(--radius-lg);
  --color-shape-radius-input: var(--radius-sm);
  --color-shape-radius-maincontent: var(--radius-xxl);
  --color-shape-radius-none: var(--radius-none);
  --color-shape-size-mainnavicon: 48;
  --color-shape-surface-surfacebackgrounddark: var(--color-button-200); /* @kind color */
  --color-shape-surface-surfacebackgroundlight: var(--color-button-900); /* @kind color */
  --color-shape-surface-surfacebuttonfeature: var(--color-button-500); /* @kind color */
  --color-shape-surface-surfacebuttonprimary: var(--color-surface-surfaceprimary); /* @kind color */
  --color-shape-surface-surfacebuttonspecial: var(--color-maincolor-primarydarker); /* @kind color */
  --color-shape-surface-surfaceinput: var(--color-button-900); /* @kind color */
  --color-shape-surface-surfaceinputdisabled: var(--color-button-700); /* @kind color */
  --color-shape-surface-surfacemaincontent: var(--color-maincolor-secondary); /* @kind color */
  --color-shape-surface-surfaceradioselected: var(--color-maincolor-primaryborder); /* @kind color */
  --color-shape-surface-surfacescreen: var(--color-maincolor-secondarydarker); /* @kind color */
  --color-shape-surface-surfacetabactive: var(--color-maincolor-primarylighter); /* @kind color */
  --color-surface-surface: var(--color-hue-color-700); /* @kind color */
  --color-surface-surfacedark: var(--color-hue-color-100); /* @kind color */
  --color-surface-surfacegray: var(--color-hue-color-500); /* @kind color */
  --color-surface-surfacelight: var(--color-hue-color-800); /* @kind color */
  --color-surface-surfacelighter: var(--color-hue-color-900); /* @kind color */
  --color-surface-surfaceprimary: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-surface-surfaceprimarybg: var(--color-maincolor-primary-lus-bronze); /* @kind color */
  --color-surface-surfaceprimarylighter: var(--color-maincolor-primary-dark-chocolate); /* @kind color */
  --color-surface-surfacesecondary: var(--color-maincolor-secondary-2); /* @kind color */
  --color-surface-surfacewhite: var(--color-hue-color-black); /* @kind color */
  --color-text-body-default: var(--color-hue-color-100); /* @kind color */
  --color-text-body-disable: var(--color-hue-color-700); /* @kind color */
  --color-text-body-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-600); /* @kind color */
  --color-text-body-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --color-text-body-link: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-text-body-primary: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-text-body-primarydark: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --color-text-body-primarylight: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-text-body-secondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-text-body-secondarydark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-text-body-secondarylight: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-text-body-standard: var(--color-hue-color-500); /* @kind color */
  --color-text-body-subdued: var(--color-hue-color-500); /* @kind color */
  --color-text-caption-default: var(--color-hue-color-500); /* @kind color */
  --color-text-caption-disable: var(--color-hue-color-600); /* @kind color */
  --color-text-caption-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-600); /* @kind color */
  --color-text-invert-defaultinvert: var(--color-button-900); /* @kind color */
  --color-text-menu-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-300); /* @kind color */
  --color-text-menu-disable: var(--color-hue-color-500); /* @kind color */
  --color-text-menu-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-600); /* @kind color */
  --color-text-title-default: var(--color-hue-color-100); /* @kind color */
  --color-text-title-disabled: var(--color-hue-color-700); /* @kind color */
  --color-text-title-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-600); /* @kind color */
  --color-text-title-light: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --color-text-title-primary: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --color-text-title-primarydark: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-100); /* @kind color */
  --color-text-title-primarylight: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-700); /* @kind color */
  --color-text-title-secondary: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --color-text-title-secondarydark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --color-text-title-secondarylight: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --color-text-title-strong: var(--color-hue-color-white); /* @kind color */
  --color-text-title-sub: var(--color-hue-color-100); /* @kind color */
  --colors-blue: rgb(0,145,255); /* @kind color */
  --colors-blue: rgb(92,184,255); /* @kind color */
  --icons-primary-overlay-icon-overlay-title: var(--white-white); /* @kind color */
  --icons-primary-standard-icon-standard-title: var(--icons-primary-overlay-icon-overlay-title); /* @kind color */
  --input-label-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --input-text-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --input-text-error: var(--color-action-error-500); /* @kind color */
  --label-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --label-disabled: var(--color-hue-color-400); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(38,38,38); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(38,38,38); /* @kind color */
  --miscellaneous-segmented-control-selected-fill: rgb(108,108,113); /* @kind color */
  --miscellaneous-segmented-control-selected-fill: rgb(108,108,113); /* @kind color */
  --miscellaneous-text-field-bg: rgb(0,0,0); /* @kind color */
  --miscellaneous-text-field-bg: rgb(0,0,0); /* @kind color */
  --miscellaneous-window-controls-maximize: rgb(39,200,64); /* @kind color */
  --miscellaneous-window-controls-maximize: rgb(39,200,64); /* @kind color */
  --miscellaneous-window-controls-minimize: rgb(254,188,47); /* @kind color */
  --miscellaneous-window-controls-minimize: rgb(254,188,47); /* @kind color */
  --neutral-grey-700-ink-700: rgb(56,56,56); /* @kind color */
  --neutral-grey-800-ink-800: rgb(23,23,23); /* @kind color */
  --placeholder-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-200); /* @kind color */
  --placeholder-disabled: var(--color-hue-color-400); /* @kind color */
  --primary-dwellred200: rgb(224,127,125); /* @kind color */
  --primary-dwellred800: rgb(177,0,10); /* @kind color */
  --spacing-gap-horizontal-buttonbiggap: var(--spacing-2);
  --spacing-gap-horizontal-buttonnormal: var(--spacing-half);
  --spacing-gap-horizontal-formcolumngap: var(--spacing-4);
  --spacing-gap-horizontal-gap: var(--spacing-2);
  --spacing-gap-horizontal-gapsm: var(--spacing-1);
  --spacing-gap-horizontal-inputgap: var(--spacing-half);
  --spacing-gap-horizontal-none: var(--spacing-0);
  --spacing-gap-vertical-buttonnormal: var(--spacing-half);
  --spacing-gap-vertical-gap: var(--spacing-2);
  --spacing-gap-vertical-gapsm: var(--spacing-1);
  --spacing-gap-vertical-inputgap: var(--spacing-half);
  --spacing-gap-vertical-none: var(--spacing-0);
  --spacing-gap-vertical-sectiongap: var(--spacing-3);
  --spacing-padding-horizontal-buttonpaddinghorizontal: var(--padding-sm);
  --spacing-padding-horizontal-inputpaddinghorizontal: var(--padding-sm);
  --spacing-padding-horizontal-tablepaddinghorizontal: var(--padding-sm);
  --spacing-padding-horizontal-tablepaddinghorizontalsm: var(--padding-xs);
  --spacing-padding-vertical-buttonlinkpaddingvertical: var(--padding-none);
  --spacing-padding-vertical-buttonpaddingvertical: var(--spacing-1);
  --spacing-padding-vertical-inputpaddingvertical: var(--padding-md);
  --spacing-padding-vertical-inputpaddingverticaltight: var(--padding-xs);
  --spacing-padding-vertical-mainnavpaddingvertical: var(--spacing-half);
  --spacing-padding-vertical-tablepaddingvertical: var(--padding-sm);
  --spacing-padding-vertical-tablepaddingverticaltight: var(--padding-xs);
  --spacing-padding-vertical-tagpaddingvertical: var(--spacing-1half);
  --spacing-standard-buttonbigpadding: var(--padding-md);
  --spacing-standard-buttonnormal: var(--padding-m);
  --spacing-standard-buttonsmallpadding: var(--padding-xs);
  --spacing-standard-contentpadding: var(--padding-md);
  --spacing-standard-dropdownpadding: var(--spacing-half);
  --spacing-standard-half: var(--padding-xs);
  --spacing-standard-normal: var(--padding-md);
  --spacing-standard-popuppadding: var(--padding-lg);
  --spacing-standard-screenpadding: var(--padding-md);
  --surface-red-highlight-primary-surface-dwell-red-dark: var(--primary-dwellred800); /* @kind color */
  --text-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-400); /* @kind color */
  --text-disabled: var(--color-hue-color-500); /* @kind color */
  --text-error-input: var(--color-action-error-500); /* @kind color */
  --text-error: var(--color-action-error-500); /* @kind color */
  --text-primary-overlay-text-overlay-body: var(--white-white800); /* @kind color */
  --text-primary-overlay-text-overlay-title: var(--white-white); /* @kind color */
  --text-primary-red-text-dwell-red-dark: var(--primary-dwellred200); /* @kind color */
  --text-primary-standard-text-standard-body: var(--text-primary-overlay-text-overlay-body); /* @kind color */
  --text-primary-standard-text-standard-title: var(--text-primary-overlay-text-overlay-title); /* @kind color */
  --white-white100: rgba(255,255,255,0.12); /* @kind color */
  --white-white800: rgba(255,255,255,0.8); /* @kind color */
  --white-white: rgb(255,255,255); /* @kind color */
}

:root[data-mode="iphone-se"] {
  --color-grey-black: rgb(0,0,0); /* @kind color */
}

:root[data-mode="iphone-13-mini"] {
  --color-grey-black: rgb(0,0,0); /* @kind color */
}

:root[data-mode="small-desktop"] {
  --en-family-title: "Poppins"; /* @kind other */

  --en-responsive-typography-xs: 12; /* @kind other */

  --en-weight-regular: 400; /* @kind other */
  --en-weight-semi-bold: 600; /* @kind other */
  --family-title: "Poppins"; /* @kind other */

  --responsive-typography-xs: 12; /* @kind other */
  --weight-regular: 400; /* @kind other */
}

:root[data-theme="light"], .light {
  --colors-blue: rgb(30,110,244); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(217,217,217); /* @kind color */
  --miscellaneous-segmented-control-selected-fill: rgb(255,255,255); /* @kind color */
  --miscellaneous-text-field-bg: rgb(255,255,255); /* @kind color */
  --miscellaneous-window-controls-maximize: rgb(39,200,64); /* @kind color */
  --miscellaneous-window-controls-minimize: rgb(254,188,47); /* @kind color */
}

:root[data-mode="blue-background"] {
  --background-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-300); /* @kind color */
  --background-disable: var(--color-hue-color-300); /* @kind color */
  --background-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --background-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-600); /* @kind color */
  --border-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --border-disable: var(--color-maincolor-secondary-deep-saphire-deep-saphire-300); /* @kind color */
  --border-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --border-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-500); /* @kind color */
  --text-button-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
  --text-button-disable: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --text-button-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --text-button-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-100); /* @kind color */
  --text-link-dark: var(--color-maincolor-secondary-deep-saphire-deep-saphire-200); /* @kind color */
  --text-link-disable: var(--color-hue-color-500); /* @kind color */
  --text-link-hover: var(--color-maincolor-secondary-deep-saphire-deep-saphire-400); /* @kind color */
  --text-link-light: var(--color-maincolor-secondary-deep-saphire-deep-saphire-700); /* @kind color */
}

:root[data-mode="green-background"] {
  --background-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-300); /* @kind color */
  --background-disable: var(--color-hue-color-300); /* @kind color */
  --background-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --background-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-600); /* @kind color */
  --border-dark: var(--color-maincolor-secondary-deep-olive-deep-olive-500); /* @kind color */
  --border-disable: var(--color-maincolor-secondary-deep-emerald-deep-emerald-400); /* @kind color */
  --border-hover: var(--color-maincolor-secondary-deep-olive-deep-olive-500); /* @kind color */
  --border-light: var(--color-maincolor-secondary-deep-olive-deep-olive-500); /* @kind color */
  --text-button-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
  --text-button-disable: var(--color-maincolor-secondary-deep-emerald-deep-emerald-400); /* @kind color */
  --text-button-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-200); /* @kind color */
  --text-button-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-100); /* @kind color */
  --text-link-dark: var(--color-maincolor-secondary-deep-emerald-deep-emerald-200); /* @kind color */
  --text-link-disable: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --text-link-hover: var(--color-maincolor-secondary-deep-emerald-deep-emerald-500); /* @kind color */
  --text-link-light: var(--color-maincolor-secondary-deep-emerald-deep-emerald-700); /* @kind color */
}

:root[data-mode="brand-bg"] {
  --background-default: rgba(255,255,255,0.9); /* @kind color */
  --background-disabled: var(--color-hue-color-200); /* @kind color */
  --background-error: rgba(234,88,38,0.1); /* @kind color */
  --background-focus: rgba(255,255,255,0.5); /* @kind color */
  --background-hover-2: rgba(255,255,255,0.5); /* @kind color */
  --bolder-default: var(--color-maincolor-primary-lus-bronze-lus-bronze-500); /* @kind color */
  --bolder-disabled: var(--color-hue-color-400); /* @kind color */
  --bolder-error: var(--color-action-error-500); /* @kind color */
  --bolder-focus: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --bolder-hover: var(--color-maincolor-primary-lus-bronze-lus-bronze-700); /* @kind color */
  --label-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --label-disabled: var(--color-hue-color-400); /* @kind color */
  --placeholder-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --placeholder-disabled: var(--color-hue-color-500); /* @kind color */
  --text-default: var(--color-maincolor-primary-royal-chocolate-royal-chocolate-600); /* @kind color */
  --text-disabled: var(--color-hue-color-500); /* @kind color */
  --text-error-input: var(--color-action-error-500); /* @kind color */
  --text-error: var(--color-action-error-500); /* @kind color */
}

/* ==== assets/icons.css ==== */
/* EPIISOD iconography.
   The Figma file's icon library is Phosphor Icons (Regular weight, 1.5px stroke,
   24px box, ~1088 glyphs) imported wholesale as a Figma library. Rather than
   duplicate 1088 SVGs, the full set loads from the official Phosphor web CDN and
   is addressed by name through the <Icon> component. The ~30 glyphs the product
   screens actually place are ALSO materialized as exact-geometry .jsx components
   (ArrowLeft2, CaretDown, MapPinLine, …) so they render with no network. */