@import "/fonts/inter/inter.css";

@layer base {
  .defaultTheme {

    /* Font Family */

    font-family: "Inter", sans-serif;

    /* Base Colours */

    --black: #0B0C0C;
    --white: #ffffff;
    --transparent: transparent;

    /* Grey Palette */

    --grey-darker: #263238;
    --grey-dark: #455a64;
    --grey: #607d8b;
    --grey-light: #90a4ae;
    --grey-lighter: #cfd8dc;
    --grey-lightest: #eceff1;

    /* Primary Brand Colours */

    --primary-darker: #C862B7;
    --primary-dark: #E16ECE;
    --primary: #FA7BE5;
    --primary-light: #FB95EA;
    --primary-lighter: #FCAFEF;
    --primary-lightest: #FCBDF2;

    /* Secondary Brand Colours */

    --secondary-dark: #D1E529;
    --secondary: #E9FF2E;
    --secondary-light: #EDFF57;

    /* Primary Button Styling */

    --button-primary-background: #0B0C0C;
    --button-primary-border: #0B0C0C;
    --button-primary-hover: #0B0C0C;
    --button-primary-content: #FFFFFF;
    --button-primary-content-hover: #FFFFFF;

    /* Secondary Button Styling */

    --button-secondary-background: transparent;
    --button-secondary-border: #0B0C0C;
    --button-secondary-hover: transparent;
    --button-secondary-content: #0B0C0C;
    --button-secondary-content-hover: #0B0C0C;

    /* Destructive Button Styling */

    --button-destructive-background: #d32f2f;
    --button-destructive-border: #d32f2f;
    --button-destructive-hover: #e53935;
    --button-destructive-content: #ffffff;

    /* Tertiary Button Styling */

    --button-tertiary-background: #ffd066;
    --button-tertiary-border: #ffd066;
    --button-tertiary-hover: #f2c04f;
    --button-tertiary-content: #000000;
    --button-tertiary-content-hover: #192323;

    /* Feedback Colours */

    --feedback-information-dark: #1e3a8a;
    --feedback-information: #2196f3;
    --feedback-information-light: #e3f2fd;

    --feedback-success-dark: #14532d;
    --feedback-success: #00703C;
    --feedback-success-light: #e8f5e9;

    --feedback-warning-dark: #ff6f00;
    --feedback-warning: #ffb300;
    --feedback-warning-light: #fff8e1;

    --feedback-danger-dark: #7f1d1d;
    --feedback-danger: #D4351C;
    --feedback-danger-light: #ffebee;

    /* Text Colours */

    --text: #0B0C0C;
    --text-primary: #0B0C0C;
    --text-secondary: #192323;
    --text-tertiary: #192323;
    --text-link: #0057B8;
    --text-link-hover: #71822d;
    --text-link-inverted: #ffffff;
    --text-inverted: #ffffff;

    /* Surface Colours */

    --surface: #ffffff;
    --surface-secondary: #bbdefb;
    --surface-tertiary: #bfdbfe;
    --surface-inverted: #0d47a1;
    --surface-neutral: #0B0C0C;
    --surface-page: #F3F2F1;
    --surface-widget:#ffffff;

    /* Border Colours */

    --border: #505A5F;
    --border-secondary: #64748b;
    --border-focus: #0B0C0C;

    /* Radius and Spacing Scale */

    --radius: 8px;
    --designScale: 8px;
    --button-radius: var(--radius);

    /* Typography Sizes */

    --font-xxs-size: 10px;
    --font-xxs-line-height: 16px;

    --font-xs-size: 12px;
    --font-xs-line-height: 17px;

    --font-body-sm-size: 14px;
    --font-body-sm-line-height: 21px;

    --font-base-size: 16px;
    --font-base-line-height: 24px;

    --font-body-lg-size: 20px;
    --font-body-lg-line-height: 30px;

    --font-h4-size: 21px;
    --font-h4-line-height: 25px;

    --font-h3-size: 21px;
    --font-h3-line-height: 25px;

    --font-h2-size: 35px;
    --font-h2-line-height: 42px;

    --font-h1-size: 50px;
    --font-h1-line-height: 60px;

    --font-display1-size: 64px;
    --font-display1-line-height: 72px;

    --font-display2-size: 56px;
    --font-display2-line-height: 64px;

    /* Font Weights */

    --font-weight-normal: 400;
    --font-weight-semibold: 700;
    --font-weight-bold: 800;

      /* Footer Styling */

    --footer-background: #192323;
    --footer-text: #ffffff;
    --footer-border: #ffffff;
    --footer-link: #ffffff;
    --footer-link-hover: #cce56a;

    /* Navigation Styling */

    --nav-background: #FFFFFF;
    --nav-link: #192323;
    --nav-link-hover: #2d4f4c;

    --nav-menu-background: #ffffff;
    --nav-menu-background-hover: #ffffff;
    --nav-menu-border: #ffffff;
    --nav-menu-link: #192323;
    --nav-menu-link-hover: #2d4f4c;
    --nav-bar-menu-item-font-weight: 700;
    --nav-bar-menu-item-font-size: 16px;
    --nav-bar-menu-item-line-height: 22px;

    --highlighted-speaker-surface: #1F0433;
    --highlighted-speaker-text: #ffffff;
    --speaker-surface: #1F0433;
    --speaker-text: #ffffff;

    /* Accordion widget */
    --accordion-background: transparent;
    --accordion-header-background: transparent;
    --accordion-header-text: var(--text);
    --accordion-title-background: #F3F2F1;
    --accordion-title-text: var(--text);
    --accordion-answer-background: #F3F2F1;
    --accordion-answer-text: var(--text);
    --accordion-cta-background: var(--button-primary-background);
    --accordion-cta-text: var(--button-primary-content);

        /* Exhibitor card background colour.
   Example: #ffffff, #f5f5f5 */
    --exhibitor-card-surface: #ffffff;
    /* Exhibitor card text colour.
       Example: #000000, #ffffff */
    --exhibitor-card-text: var(--text);
    /* Exhibitor card shadow.
       Format: x-offset y-offset blur spread colour.
       Example: 0px 6px 16px 0px #00000033
       Use 0 0 #0000 for no visible shadow. */
    --exhibitor-card-shadow: 0px 6px 16px 0px #00000033;
    /* Exhibitor card border colour.
       Example: #cccccc, #000000 */
    --exhibitor-card-border-color: var(--border-secondary);
    /* Exhibitor card border width.
       Example: 1px, 2px
       Use 0px to remove the border. */
    --exhibitor-card-border-width: 0px;
 
    
    /* Sponsor card background colour.
      Example: #ffffff, #f5f5f5 */
    --sponsor-card-surface: #ffffff;
    /* Sponsor card text colour.
       Example: #000000, #ffffff */
    --sponsor-card-text: #000000;
    /* Sponsor card shadow.
       Format: x-offset y-offset blur spread colour.
       Example: 0px 6px 16px 0px #00000033
       Use 0 0 #0000 for no visible shadow. */
    --sponsor-card-shadow: 0 0 #0000;
    /* Sponsor card border colour.
       Example: #cccccc, #000000 */
    --sponsor-card-border-color: var(--border-secondary);
    /* Sponsor card border width.
       Example: 1px, 2px
       Use 0px to remove the border. */
    --sponsor-card-border-width: 0px;
    /* Sponsor card corner radius.
       Example: 0px for square corners, 2px for subtle rounding or 5%,
       8px or 16px for more rounded corners. */
    --sponsor-card-border-radius: var(--radius);
    /* Background colour of the Sponsor stand number label.
       Example: #ffffff, #f5f5f5 */
    --sponsor-stand-surface: var(--surface);
    /* Text colour of the Sponsor stand number label.
       Example: #000000, #ffffff */
    --sponsor-stand-text: var(--text);
    /* Background colour of the Sponsor listing page.
       Example: #ffffff, #f5f5f5 */
    --sponsor-listing-page-surface: #F2F1F0;
    /* Background colour of the Sponsor detail page.
       Example: #ffffff, #f5f5f5 */
    --sponsor-detail-page-surface: #ffffff;
    /* Text colour of Sponsor tier headings.
       Example: #000000, #ffffff */
    --sponsor-tier-heading-text: #0B0C0C;

    /* Social share button background colour.
     Example: #ffffff, #f5f5f5 */
    --social-share-button-surface: #ffffff;
    /* Social share button text and icon colour.
       Example: #000000, #ffffff */
    --social-share-button-text: var(--text);
    /* Social share button corner radius.
       Example: 0px for square corners, 2px for subtle rounding,
       8px or 16px for more rounded corners. */
    --social-share-button-border-radius: var(--radius);
  }


  @media (max-width: 992px) {
    .defaultTheme {
       /* Responsive typography for tablet and mobile */
      --font-h2-size: 1.371em;
      --font-h3-size: 1.371em;
      --font-h4-size: 1.371em;
    }
  }

}

/* Heading Font Family */

h1,
h2,
h3,
h4 {
  font-family: "Inter", sans-serif;
}