@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import "/fonts/bulevar-font/bulevar.css";

@layer base {
  .defaultTheme {
    font-family: 'Barlow', sans-serif;
    
    --black: #000000;
    --white: #ffffff;
    --transparent: transparent;
	
	--grey-darker: #263238;
    --grey-dark: #455a64;
    --grey: #607d8b;
    --grey-light: #90a4ae;
    --grey-lighter: #cfd8dc;
    /* --grey-lightest: #eceff1; */
    --grey-lightest: #F6F6F6;
	
	--surface: var(--grey-lightest);
    --surface-secondary: #bbdefb;
    --surface-tertiary: #d9d8cd;
    --surface-inverted: #0d47a1;
	--surface-neutral: #000000;
    --surface-page: var(--white);
    --surface-widget: var(--white);

    --border:  #607d8b;
    --border-secondary: #64748b;
    --border-focus:  var(--black);

	--text: #122356;
    --text-primary: var(--text);
    --text-secondary: var(--text);
    --text-tertiary: #0d47a1;
    --text-link: #2563eb;
    --text-link-hover: var(--black);
    --text-link-inverted: var(--white);
    --text-inverted: var(--white);
	--text-neutral: var(--white);

    --primary-darker: #043C43;
	--primary-dark: #158796;
	--primary: #28DAF2;
	--primary-light: #85E6F6;
	--primary-lighter: #BEF1FA;
	--primary-lightest: #EFFCFE;

	--secondary-dark: #0A173E;
	--secondary: #122356;
	--secondary-light: #3A4C77;
	
	--tertiary-dark: #0F3379;
    --tertiary: #286EF2;
    --tertiary-light: #7FACFC;
	
	--muted: var(--black);

    --button-pri-sec-ter-border-width: 3px;

    --button-primary-background: var(--primary);
    --button-primary-border: var(--primary);
    --button-primary-border-hover: var(--secondary);
    --button-primary-hover: var(--primary);
    --button-primary-content: var(--secondary);
    --button-primary-content-hover: var(--white);

    --button-secondary-background: var(--secondary);
    --button-secondary-border: var(--secondary);
    --button-secondary-border-hover: var(--primary);
    --button-secondary-hover: var(--secondary);
    --button-secondary-content: var(--white);
    --button-secondary-content-hover: var(--primary);
	
    --button-tertiary-background: var(--tertiary);
    --button-tertiary-border: var(--tertiary);
    --button-tertiary-border-hover: var(--secondary);
    --button-tertiary-hover: var(--tertiary);
    --button-tertiary-content: var(--white);
    --button-tertiary-content-hover: var(--white);
	
	--button-primary-inverted-background: var(--white);
    --button-primary-inverted-border: var(--white);
    --button-primary-inverted-hover: #f5f5f5;
    --button-primary-inverted-content: var(--button-primary-background);
    --button-primary-inverted-content-hover: var(--button-primary-background);

    --button-secondary-inverted-background: var(--white);
    --button-secondary-inverted-border: var(--white);
    --button-secondary-inverted-hover: #f5f5f5;
    --button-secondary-inverted-content: var(--button-secondary-background);
    --button-secondary-inverted-content-hover: var(--button-secondary-background);

    --button-tertiary-inverted-background: var(--white);
    --button-tertiary-inverted-border: var(--white);
    --button-tertiary-inverted-hover: #f5f5f5;
    --button-tertiary-inverted-content: var(--button-tertiary-background);
    --button-tertiary-inverted-content-hover: var(--button-tertiary-background);
	
	--button-destructive-background: #d32f2f;
    --button-destructive-border: #d32f2f;
    --button-destructive-hover: #e53935;
    --button-destructive-content: var(--white);
	
	--button-primary-shadow: initial;
    --button-secondary-shadow: initial;
    --button-destructive-shadow: initial;
    --button-radius: initial;
    --button-hover-effect: initial;
    --button-font-weight: 500;
    --button-text-transform: uppercase;

    --button-font-weight: 600;
    --button-radius: 3px;

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

    --feedback-success-dark: #14532d;
    --feedback-success: #43a047;
    --feedback-success-light: #e8f5e9;

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

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

    --radius: 3px;
    --designScale: 8px;

    --font-xxs-size: 10px;
    --font-xxs-line-height: 16px;
    --font-xs-size: 12px;
    --font-xs-line-height: 16px;
    --font-body-sm-size: 14px;
    --font-body-sm-line-height: 24px;
    --font-base-size: 16px;
    --font-base-line-height: 24px;
    --font-body-lg-size: 20px;
    --font-body-lg-line-height: 28px;
    --font-h4-size: 22px;
    --font-h4-line-height: 22px;
    --font-h3-size: 28px;
    --font-h3-line-height: 28px;
    --font-h2-size: 40px;
    --font-h2-line-height: 48px;
    --font-h1-size: 48px;
    --font-h1-line-height: 56px;
    --font-display1-size: 64px;
    --font-display1-line-height: 72px;
    --font-display2-size: 56px;
    --font-display2-line-height: 64px;

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

    --footer-background: #001744;
    --footer-text: #ffffff;
    --footer-border: #ffffff;
    --footer-link: #ffffff;
    --footer-link-hover: #ffffff;

    --nav-background: var(--white);
    --nav-link: var(--text);
    --nav-link-hover: var(--primary);
    --nav-menu-background: var(--white);
    --nav-menu-background-hover: var(--primary);
    --nav-menu-border: #E1E9DE;
    --nav-menu-link: var(--text);
    --nav-menu-link-hover: var(--text);
	
	/* Speaker card styling. */
    --highlighted-speaker-surface: var(--surface-secondary);
    --highlighted-speaker-text: var(--text);
    --speaker-surface: var(--surface);
    --speaker-text: var(--text);
	
	/* Exhibitor card styling. */
    --exhibitor-card-surface: var(--white);
    --exhibitor-card-text: var(--text);
    /* --exhibitor-card-shadow: 0 0 #0000; */
    --exhibitor-card-shadow: 0px 6px 16px 0px #00000033;
    --exhibitor-card-border-color: var(--color-neutral-200);
    --exhibitor-card-border-width: 1px;
	
	/* Sponsor card styling. */
    --sponsor-card-surface: var(--surface);
    --sponsor-card-text: var(--text);

    /* Shadow: x-offset | y-offset | blur | spread | color */
    --sponsor-card-shadow: 0px 6px 16px 0px #00000033;

    --sponsor-card-border-color: var(--color-neutral-200);
    --sponsor-card-border-width: 1px;
    --sponsor-card-border-radius: var(--radius);

    /* Sponsor stand styling. */
    --sponsor-stand-surface: #d8f9fd;
    --sponsor-stand-text: var(--text);

    /* Sponsor page styling. */
    --sponsor-listing-page-surface: var(--surface-page);
    --sponsor-detail-page-surface: var(--surface);

    /* Sponsor tier heading styling. */
    --sponsor-tier-heading-text: var(--text);
    --sponsor-tier-heading-surface: transparent;

    /* Social share button styling. */
    --social-share-button-surface: var(--surface);
    --social-share-button-text: var(--text);
    --social-share-button-border-radius: var(--radius);


	/* Filter Tabs styling. */
    --filter-tabs-surface: var(--button-primary-background);
    --filter-tabs-text: var(--button-primary-content);
    --filter-tabs-active-surface: var(--button-secondary-background);
    --filter-tabs-active-text: var(--button-secondary-content);
    --filter-tabs-border-color: var(--button-primary-border);
    --filter-tabs-border-radius: 4px;

    /* Filter Pills styling. */
    --filter-pills-surface: var(--secondary);
    --filter-pills-text: var(--white);
    --filter-pills-active-surface: var(--white);
    --filter-pills-active-text: var(--text);
    --filter-pills-border-color: var(--secondary);
    --filter-pills-border-radius: 9999px;

    /* Filter Trigger Button styling. */
    --filter-trigger-surface: transparent;
    --filter-trigger-text: var(--button-secondary-background);
    --filter-trigger-border-color: var(--button-secondary-background);
    --filter-trigger-border-width: 1px;
    --filter-trigger-border-radius: 5px;

    /* Active Filter Trigger Button styling. */
    --filter-trigger-active-surface: transparent;
    --filter-trigger-active-text: var(--button-secondary-background);
    --filter-trigger-active-border-color: var(--button-secondary-background);

    /* Filter Modal styling. */
    --filter-modal-surface: var(--surface);
    --filter-modal-text: var(--text);
    --filter-modal-overlay-surface: rgba(0, 0, 0, 0.4);
    --filter-modal-border-color: transparent;
    --filter-modal-border-radius: 5px;

    /* Shadow: x-offset | y-offset | blur | spread | color */
    --filter-modal-shadow: 0px 8px 16px 0px #00000029;

    /* Filter Modal close button styling. */
    --filter-modal-close-text: var(--text);

    /* Filter Modal group styling. */
    --filter-modal-group-surface: #f6f6f6;
    --filter-modal-group-text: var(--text);
    --filter-modal-group-active-text: var(--button-primary-background);
    --filter-modal-group-border-radius: var(--radius);

    /* Filter Modal checkbox styling. */
    --filter-modal-checkbox-border-color: var(--text);
    --filter-modal-checkbox-active-surface: var(--button-primary-background);
    --filter-modal-checkbox-active-text: var(--white);

    /* Filter Modal radio styling. */
    --filter-modal-radio-active-surface: var(--button-primary-background);
    --filter-modal-radio-active-text: var(--white);
    --filter-modal-radio-active-border-color: var(--primary);

    /* Filter Modal clear button styling. */
    --filter-modal-clear-text: var(--text);

    /* Agenda listing page styling. */
    --agenda-listing-page-surface: var(--surface-page);

    /* Agenda Timeline card styling. */
    --agenda-timeline-card-surface: var(--grey-lightest);
    --agenda-timeline-card-text: var(--text);
    --agenda-timeline-card-border-color: var(--border-secondary);
    --agenda-timeline-card-border-width: 0px;
    --agenda-timeline-card-border-radius: var(--radius);

    /* Shadow: x-offset | y-offset | blur | spread | color */
    --agenda-timeline-card-shadow: 0 0 #0000;

    /* Featured Agenda Timeline card styling. */
    --agenda-timeline-card-featured-surface: var(--surface-inverted);
    --agenda-timeline-card-featured-text: var(--text-inverted);

    /* Featured label displayed at the top of a Timeline card. */
    --agenda-timeline-card-featured-label-surface: var(--surface-secondary);
    --agenda-timeline-card-featured-label-text: var(--text-inverted);

    /* Agenda Grid card styling. */
    --agenda-grid-card-surface: var(--white);
    --agenda-grid-card-text: var(--text);
    --agenda-grid-card-title-text: var(--button-primary-background);
    --agenda-grid-card-secondary-text: var(--text-secondary);
    --agenda-grid-card-border-color: #dddddd;
    --agenda-grid-card-border-width: 1px;
    --agenda-grid-card-border-radius: 10px;

    /* Shadow: x-offset | y-offset | blur | spread | color */
    --agenda-grid-card-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);

    /* Agenda Calendar card styling. */
    --agenda-calendar-card-surface: var(--black);
    --agenda-calendar-card-text: var(--white);
    --agenda-calendar-card-title-text: var(--button-primary-background);
    --agenda-calendar-card-secondary-text: rgba(255, 255, 255, 0.9);
    --agenda-calendar-card-border-color: var(--black);
    --agenda-calendar-card-border-width: 1px;
    --agenda-calendar-card-border-radius: 8px;

    /* Shadow: x-offset | y-offset | blur | spread | color */
    --agenda-calendar-card-shadow: 0 0 #0000;

    /* Agenda Calendar layout styling. */
    --agenda-calendar-surface: var(--surface);
    --agenda-calendar-alternate-surface: var(--surface-page);
    --agenda-calendar-border-color: var(--border-secondary);
    --agenda-calendar-border-radius: 10px;
    --agenda-calendar-header-surface: var(--surface);
    --agenda-calendar-header-text: var(--text);

    /* Agenda session modal styling. */
    --agenda-modal-surface: var(--surface);
    --agenda-modal-text: var(--text);
    --agenda-modal-border-color: var(--border);
    --agenda-modal-border-radius: var(--radius);

    /* Shadow: x-offset | y-offset | blur | spread | color */
    --agenda-modal-shadow: 0px 16px 40px 0px #00000029;

    /* Agenda session modal navigation button styling. */
    --agenda-modal-navigation-surface: var(--surface);
    --agenda-modal-navigation-text: var(--text);
    
  }
  @media (max-width: 1023px) {
    .defaultTheme {
        --font-xxs-size: 10px;
        --font-xxs-line-height: 16px;
        --font-xs-size: 12px;
        --font-xs-line-height: 16px;
        --font-body-sm-size: 14px;
        --font-body-sm-line-height: 22px;
        --font-base-size: 16px;
        --font-base-line-height: 24px;
        --font-body-lg-size: 18px;
        --font-body-lg-line-height: 26px;

        --font-h4-size: 18px;
        --font-h4-line-height: 28px;
        --font-h3-size: 24px;
        --font-h3-line-height: 34px;
        --font-h2-size: 28px;
        --font-h2-line-height: 40px;
        --font-h1-size: 32px;
        --font-h1-line-height: 44px;

        --font-display1-size: 40px;
        --font-display1-line-height: 48px;
        --font-display2-size: 36px;
        --font-display2-line-height: 44px;
    }
  }
}

h1, h2 {
	font-family: "bulevarregular", "bulevarposter", sans-serif;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: 400;
	letter-spacing: 1px;
}

h3, h4, h5 {
	font-family: 'Barlow', sans-serif;
	text-shadow: none;
	font-weight: 600;
    line-height: 1.4;
	letter-spacing: 0.7px;
}