/* DDN DESIGN SYSTEM — tokens.css — DO NOT EDIT MANUALLY */

:root {

  /* PAGE BACKGROUND — local override */
  --color-page-bg: #F5F2EE;

  /* COLOUR TOKENS */
  --colours-gradient-gradient-start: rgba(0,0,0,0.94);
  --colours-gradient-gradient-end: rgba(0,0,0,0.27);
  --colours-Surface-base-base-100: #FAFAFA;
  --colours-Surface-base-base-200: #E8E5E2;
  --colours-brand-primary-brand: #1A1A1A;
  --colours-brand-secondary-brand: #F7F7F7;
  --colours-brand-brand-30: rgba(26,26,26,0.3);
  --colours-brand-brand-100: #FFFFFF;
  --colours-brand-brand-200: #FFFFFF;
  --colours-brand-brand-300: #F9FAFA;
  --colours-brand-brand-400: #C04828;
  --colours-brand-brand-900: #FFFFFF;
  --colours-border-border-default: rgba(0,0,0,0.23);
  --colours-border-border-primary: var(--colours-brand-primary-brand);
  --colours-border-border-focus: var(--colours-accent-accent-primary);
  --colours-border-border-disabled: #F4F1E9;
  --colours-border-stroke-100: #D3D1C7;
  --colours-accent-accent-primary: #C04828;
  --colours-accent-accent-secondary: #292929;
  --colours-neutral-neutral-50: #F2F2F2;
  --colours-neutral-neutral-100: #D9D9D9;
  --colours-neutral-neutral-200: #C0C0C0;
  --colours-neutral-neutral-300: #A6A6A6;
  --colours-neutral-neutral-400: #8D8D8D;
  --colours-neutral-neutral-500: #808080;
  --colours-neutral-neutral-600: #666666;
  --colours-neutral-neutral-700: #4D4D4D;
  --colours-neutral-neutral-800: #4D4D4D;
  --colours-neutral-neutral-900: #333333;
  --colours-neutral-black: #000000;
  --colours-neutral-white: #FFFFFF;
  --colours-faded-faded: rgba(196,163,90,0.07);
  --colours-faded-faded-100: rgba(112,164,128,0.1);
  --colours-faded-faded-200: rgba(130,176,223,0.1);
  --colours-faded-faded-300: rgba(255,102,173,0.1);
  --colours-faded-faded-500: rgba(196,83,58,0.1);
  --colours-text-text-primary: var(--colours-brand-primary-brand);
  --colours-text-text-secondary: var(--colours-brand-secondary-brand);
  --colours-text-text-100: #888780;
  --colours-text-text-200: #66655F;
  --colours-text-text-primary_hover: #F4F1E9;
  --colours-text-text-primary_active: #F4F1E9;
  --colours-text-text-placeholder: #F4F1E9;
  --colours-text-text-warning: #F4F1E9;
  --colours-text-text-success: rgba(244,241,233,0.5);
  --colours-text-text-error: #A8B0AE;
  --colours-form-background-form_default: #222C39;
  --colours-form-input-active: var(--colours-brand-brand-400);
  --colours-form-input-base-300: var(--colours-brand-brand-300);
  --colours-icon-icon-default: #F4F1E9;
  --colours-icon-icon-primary: #F4F1E9;
  --colours-icon-icon-primary_hover: #F4F1E9;
  --colours-icon-icon-primary_active: #F4F1E9;
  --colours-modal-overlay: rgba(0,0,0,0.54);
  --colours-signals-default: #3B3B3B;
  --colours-signals-neutral: #82B0DF;
  --colours-signals-success: #70A480;
  --colours-signals-warning: #C4A35A;
  --colours-signals-error: #C4533A;

  /* BORDER WIDTHS */
  --border-border-50: 0.5px;
  --border-border-100: 1px;
  --border-border-200: 2px;
  --border-border-300: 3px;
  --border-border-400: 4px;
  --border-border-500: 5px;
  --border-border-2000: 20px;

  /* BORDER RADIUS */
  --radius-radius-5: 5px;
  --radius-radius-6: 6px;
  --radius-radius-8: 8px;
  --radius-radius-12: 12px;
  --radius-radius-24: 24px;
  --radius-radius-48: 48px;
  --radius-radius-9999: 9999px;

  /* LAYOUT — SPACING & SIZING */
  --layout-box-sizing-box-sizing-1140: 1140px;
  --layout-box-sizing-box-sizing-736: 736px;
  --layout-box-sizing-box-sizing-570: 570px;
  --layout-box-sizing-box-sizing-285: 285px;
  --layout-box-sizing-box-sizing-65: 65px;
  --layout-box-sizing-box-sizing-45: 45px;
  --layout-breakpoint-breakpoint-mobile: 360px;
  --layout-breakpoint-breakpoint-desktop: 1440px;
  --layout-space-0: 0px;
  --layout-space-2: 2px;
  --layout-space-4: 4px;
  --layout-space-8: 8px;
  --layout-space-10: 10px;
  --layout-space-12: 12px;
  --layout-space-14: 14px;
  --layout-space-16: 16px;
  --layout-space-20: 20px;
  --layout-space-24: 24px;
  --layout-space-26: 26px;
  --layout-space-32: 32px;
  --layout-space-44: 44px;
  --layout-space-56: 56px;
  --layout-space-64: 64px;
  --layout-space-72: 72px;
  --layout-space-96: 96px;
  --layout-space-112: 112px;
  --layout-space-150: 150px;
  --layout-space-172: 172px;
  --layout-space-186: 186px;
  --layout-space-312: 312px;
  --layout-space-gap-4: 4px;
  --layout-space-gap-6: 6px;
  --layout-space-gap-8: 8px;
  --layout-space-gap-10: 10px;
  --layout-space-gap-12: 12px;
  --layout-space-gap-16: 16px;
  --layout-space-gap-20: 20px;
  --layout-space-gap-32: 32px;
  --layout-space-gap-38: 38px;
  --layout-space-gap-46: 46px;
  --layout-space-gap-52: 52px;
  --layout-space-gap-64: 64px;
  --layout-space-gap-72: 72px;

  /* TYPOGRAPHY */
  --typography-font-family-font-family-1: Plus Jakarta Sans;
  --typography-font-family-font-family-2: Fraunces;
  --typography-desktop-font-style-font-style-100: Light italic;
  --typography-desktop-font-style-font-style-300: Thin italic;
  --typography-desktop-font-style-font-style-400: italic;
  --typography-desktop-font-style-font-style-500: SemiBold italic;
  --typography-desktop-font-style-font-style-600: Bold italic;
  --typography-desktop-font-style-font-style-900: Black italic;
  --typography-desktop-font-scale-body-font-size-body-11: 11.8px;
  --typography-desktop-font-scale-body-font-size-body-12: 12px;
  --typography-desktop-font-scale-body-font-size-body-13: 13px;
  --typography-desktop-font-scale-body-font-size-body-14: 14px;
  --typography-desktop-font-scale-body-font-size-body-15: 15px;
  --typography-desktop-font-scale-body-font-size-body-16: 16px;
  --typography-desktop-font-scale-body-font-size-body-20: 20px;
  --typography-desktop-font-scale-body-font-size-body-26: 26px;
  --typography-desktop-font-scale-display-font-size-display-48: 48px;
  --typography-desktop-font-scale-display-font-size-display-42: 42px;
  --typography-desktop-font-scale-display-font-size-display-36: 36px;
  --typography-desktop-font-scale-display-font-size-display-32: 32px;
  --typography-desktop-font-scale-display-font-size-display-26: 26px;
  --typography-desktop-font-scale-display-font-size-display-24: 24px;
  --typography-desktop-font-scale-display-font-size-display-22: 22px;
  --typography-desktop-font-scale-display-font-size-display-20: 20px;
  --typography-desktop-font-scale-display-font-size-display-18: 18px;
  --typography-desktop-font-scale-display-font-size-display-16: 16px;
  --typography-desktop-font-scale-display-font-size-display-14: 14px;
  --typography-desktop-font-scale-display-font-size-display-13: 13px;
  --typography-desktop-font-scale-display-font-size-display-12: 12px;
  --typography-desktop-font-scale-display-font-size-display-11: 11px;
  --typography-desktop-font-scale-display-font-size-display-10: 10px;
  --typography-desktop-font-scale-display-font-size-display-8: 8px;
  --typography-desktop-font-weight-font-weight-100: 100;
  --typography-desktop-font-weight-font-weight-200: 200;
  --typography-desktop-font-weight-font-weight-300: 300;
  --typography-desktop-font-weight-font-weight-400: 400;
  --typography-desktop-font-weight-font-weight-500: 500;
  --typography-desktop-font-weight-font-weight-600: 600;
  --typography-desktop-font-weight-font-weight-700: 700;
  --typography-desktop-font-weight-font-weight-800: 800;
  --typography-desktop-font-weight-font-weight-900: 900;
  --typography-desktop-letter-spacing-letter-spacing-100: 0.1;
  --typography-desktop-letter-spacing-letter-spacing-200: 0.2;
  --typography-desktop-letter-spacing-letter-spacing-300: 0.4;
  --typography-desktop-letter-spacing-letter-spacing-400: 0.8;
  --typography-desktop-letter-spacing-letter-spacing-500: 1;
  --typography-desktop-letter-spacing-letter-spacing-600: 1.1;
  --typography-desktop-letter-spacing-letter-spacing-700: 1.3;
  --typography-desktop-letter-spacing-letter-spacing-800: 1.5;
  --typography-desktop-line-height-line-height: 28;
  --typography-desktop-line-height-line-height-20: 20;
  --typography-desktop-line-height-line-height-26: 26;
  --typography-desktop-length-line-length: 595px;
  --typography-desktop-length-line-length-795: 795px;
  --typography-alternative-alternative-font-family: JetBrains Mono;
  --typography-alternative-alternative-font-weight: 900;
  --typography-alternative-alternative-font-line-height: 1170;
  --typography-alternative-alternative-font-letter-spacing: 5.85;

  /* BUTTONS */
  --buttons-button--14: 14px;
  --buttons-button--16: 16px;
  --buttons-button--36: 36px;
  --buttons-button--50: 50px;
  --buttons-button--44: 50px;
  --buttons-button-sml: 14px;
  --buttons-button-m: 16px;
  --buttons-button-xl: 36px;
  --buttons-button--good: #70A480;
  --buttons-button--neutral: #82B0DF;
  --buttons-button--error: #C4533A;
  --buttons-square-button-square-button-box-size: 38px;
  --buttons-square-button-square-button-small--padding-top-btm: 10px;
  --buttons-square-button-square-button-small--padding-left-right: 10px;
  --buttons-square-button-square-button-small--corner-radius: 8px;
  --buttons-square-button-square-button-small--border: 1px;
  --buttons-square-button-square-button-small--icon: 16px;
  --buttons-square-button-square-button-small--icon-responsive: 14px;
  --buttons-square-button-square-button-box-size-responsive: 32px;

  /* FORM */
  --form-input-padding: 12px;
  --form-input-corner-radius: 2px;
  --form-form-gap-small: 6px;
  --form-form-gap-med: 10px;
  --form-form-gap-lge: 16px;
  --form-selector-item-title: 0px;

  /* ICON SIZES */
  --icon-icon-size--8: 8px;
  --icon-icon-size--10: 10px;
  --icon-icon-size--12: 12px;
  --icon-icon-size--14: 14px;
  --icon-icon-size--16: 16px;
  --icon-icon-size--18: 18px;
  --icon-icon-size--20: 20px;
  --icon-icon-size--24: 24px;
  --icon-icon-size--32: 32px;
  --icon-icon-size--48: 48px;
  --icon-icon-size--56: 56px;
  --icon-icon-size--64: 64px;
  --icon-icon-size--72: 72px;
  --icon-logo-size-s: 72px;
  --icon-logo-size-m: 128px;
  --icon-logo-size-l: 290px;

  /* IMAGE SIZES */
  --image-image-size-XXL: 1440px;
  --image-image-size-XL: 720px;
  --image-image-size-l: 528px;
  --image-image-size-m: 340px;
  --image-image-size-s: 224px;
  --image-image-size-xs: 112px;

}