/* Generated by build/build.py from the brand book: do not edit. */

@font-face {
  font-family: 'Anton';
  src: url('../fonts/Anton/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bodoni Moda';
  src: url('../fonts/BodoniModa/BodoniModa-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bodoni Moda';
  src: url('../fonts/BodoniModa/BodoniModa-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bodoni Moda';
  src: url('../fonts/BodoniModa/BodoniModa-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root, [data-concept="urban"] {
  --c-surface: #F4F3EE;
  --c-surface-raised: #FFFFFF;
  --c-surface-container-low: #EFEEE8;
  --c-surface-container: #E9E8E1;
  --c-surface-container-high: #E2E1D9;
  --c-surface-container-highest: #D9D8CF;
  --c-on-surface: #0A0A0A;
  --c-on-surface-variant: #55574F;
  --c-outline: #84867D;
  --c-outline-variant: #DCDBD3;
  --c-primary: #0A0A0A;
  --c-on-primary: #9AD145;
  --c-primary-container: #9AD145;
  --c-on-primary-container: #0A0A0A;
  --c-secondary: #52634F;
  --c-on-secondary: #FFFFFF;
  --c-secondary-container: #B7CAB2;
  --c-on-secondary-container: #0A0A0A;
  --c-now: #0A0A0A;
  --c-availability-high: #6C9E46;
  --c-availability-mid: #D4B74D;
  --c-availability-low: #E56F1D;
  --c-tertiary: #39656B;
  --c-on-tertiary: #FFFFFF;
  --c-tertiary-container: #BCEBF1;
  --c-on-tertiary-container: #001F23;
  --c-surface-dim: #DADADA;
  --c-surface-bright: #F4F3EE;
  --c-surface-container-lowest: #FFFFFF;
  --c-inverse-surface: #303030;
  --c-on-inverse-surface: #F1F1F1;
  --c-inverse-primary: #A0D74B;
  --c-success: #3B6A18;
  --c-on-success: #FFFFFF;
  --c-success-container: #E1EDCF;
  --c-on-success-container: #24331A;
  --c-warning: #715D00;
  --c-on-warning: #FFFFFF;
  --c-warning-container: #FBEAB9;
  --c-on-warning-container: #3B2F00;
  --c-danger: #9C4500;
  --c-on-danger: #FFFFFF;
  --c-danger-container: #FFE6DA;
  --c-on-danger-container: #542200;
  --c-info: #006874;
  --c-on-info: #FFFFFF;
  --c-info-container: #CDF1F8;
  --c-on-info-container: #00363D;
  --c-on-brand: #0A0A0A;
  --c-bookable-0: #DBC57D;
  --c-on-bookable-0: #0A0A0A;
  --c-bookable-1: #9CCDE9;
  --c-on-bookable-1: #0A0A0A;
  --c-bookable-2: #FDB3BC;
  --c-on-bookable-2: #0A0A0A;
  --c-bookable-3: #A7D1A3;
  --c-on-bookable-3: #0A0A0A;
  --c-bookable-4: #C2C2F6;
  --c-on-bookable-4: #0A0A0A;
  --c-bookable-5: #F6BB85;
  --c-on-bookable-5: #0A0A0A;
  --c-bookable-6: #91D2D4;
  --c-on-bookable-6: #0A0A0A;
  --c-bookable-7: #ECB6DE;
  --c-on-bookable-7: #0A0A0A;
  --brand-gradient: linear-gradient(180deg, #9AD145, #83B845);
  --brand-texture: url('../brand/pattern_ink.png');
  --brand-texture-opacity: 0.05;
  --brand-glass: rgba(255, 255, 255, 0.55);
  --hybrid-accent: #9AD145;
  --hybrid-shade: #161915;
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-text: 'Montserrat', system-ui, sans-serif;
  --display-weight: 400;
  --display-case: uppercase;
  --display-tracking: 0.01em;
  --display-line: 0.92;
  --label-weight: 700;
  --label-case: uppercase;
  --label-tracking: 0.16em;
  --button-weight: 800;
  --button-case: uppercase;
  --button-tracking: 0.14em;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-control: 999px;
  --motion-short: 128ms;
  --motion-medium: 212ms;
  --motion-long: 340ms;
}

[data-concept="classic"] {
  --c-surface: #F5F1E8;
  --c-surface-raised: #FBF9F4;
  --c-surface-container-low: #F1ECE2;
  --c-surface-container: #ECE6DA;
  --c-surface-container-high: #E7E0D2;
  --c-surface-container-highest: #E1D9C9;
  --c-on-surface: #17231E;
  --c-on-surface-variant: #5E625B;
  --c-outline: #8C877B;
  --c-outline-variant: #DDD5C5;
  --c-primary: #0B4F38;
  --c-on-primary: #F5F1E8;
  --c-primary-container: #DEEBD9;
  --c-on-primary-container: #052A1D;
  --c-secondary: #52634F;
  --c-on-secondary: #FFFFFF;
  --c-secondary-container: #DEEBD9;
  --c-on-secondary-container: #0B4F38;
  --c-now: #0B4F38;
  --c-availability-high: #5D9E78;
  --c-availability-mid: #D1B761;
  --c-availability-low: #D67849;
  --c-ornament: #A8875A;
  --c-ornament-text: #7E6236;
  --c-tertiary: #39656B;
  --c-on-tertiary: #FFFFFF;
  --c-tertiary-container: #BCEBF1;
  --c-on-tertiary-container: #001F23;
  --c-surface-dim: #DFD9D5;
  --c-surface-bright: #F5F1E8;
  --c-surface-container-lowest: #FFFFFF;
  --c-inverse-surface: #32302D;
  --c-on-inverse-surface: #F6F0EB;
  --c-inverse-primary: #8DD5B3;
  --c-success: #286A48;
  --c-on-success: #FFFFFF;
  --c-success-container: #DEEBD9;
  --c-on-success-container: #0B4F38;
  --c-warning: #715D0D;
  --c-on-warning: #FFFFFF;
  --c-warning-container: #F1E6CD;
  --c-on-warning-container: #5C4310;
  --c-danger: #97471C;
  --c-on-danger: #FFFFFF;
  --c-danger-container: #F2DDD6;
  --c-on-danger-container: #6E2A1F;
  --c-info: #006877;
  --c-on-info: #FFFFFF;
  --c-info-container: #ECE6DA;
  --c-on-info-container: #17231E;
  --c-on-brand: #17231E;
  --c-bookable-0: #E3D197;
  --c-on-bookable-0: #17231E;
  --c-bookable-1: #B2D7ED;
  --c-on-bookable-1: #17231E;
  --c-bookable-2: #FFC2C9;
  --c-on-bookable-2: #17231E;
  --c-bookable-3: #BADAB5;
  --c-on-bookable-3: #17231E;
  --c-bookable-4: #CFCEF6;
  --c-on-bookable-4: #17231E;
  --c-bookable-5: #FAC89D;
  --c-on-bookable-5: #17231E;
  --c-bookable-6: #ABDADC;
  --c-on-bookable-6: #17231E;
  --c-bookable-7: #F1C5E3;
  --c-on-bookable-7: #17231E;
  --brand-gradient: linear-gradient(#FBF9F4, #FBF9F4);
  --brand-texture: none;
  --brand-texture-opacity: 0;
  --brand-glass: rgba(23, 35, 30, 0.07);
  --hybrid-accent: #CDB385;
  --hybrid-shade: #0B4F38;
  --font-display: 'Bodoni Moda', 'Arial Narrow', sans-serif;
  --font-text: 'Montserrat', system-ui, sans-serif;
  --display-weight: 500;
  --display-case: none;
  --display-tracking: -0.005em;
  --display-line: 1.05;
  --label-weight: 600;
  --label-case: uppercase;
  --label-tracking: 0.18em;
  --button-weight: 600;
  --button-case: uppercase;
  --button-tracking: 0.14em;
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 6px;
  --radius-xl: 14px;
  --radius-control: 4px;
  --motion-short: 195ms;
  --motion-medium: 325ms;
  --motion-long: 520ms;
}

.concept-badge[data-badge="urban"] {
  --badge-font: 'Anton', 'Arial Narrow', serif;
  --badge-weight: 400;
  --badge-case: uppercase;
  --badge-accent: #9AD145;
  --badge-shade: #161915;
  --badge-radius: 6px;
  --badge-mark: url('../brand/concepts/urban.svg');
}

.concept-badge[data-badge="classic"] {
  --badge-font: 'Bodoni Moda', 'Arial Narrow', serif;
  --badge-weight: 500;
  --badge-case: none;
  --badge-accent: #CDB385;
  --badge-shade: #0B4F38;
  --badge-radius: 3px;
  --badge-mark: url('../brand/concepts/classic.svg');
}

:root { --font-sticker: 'Anton', 'Arial Narrow', sans-serif; }