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

@layer base {
  .defaultTheme {

    /* Font Family */
    font-family: "Inter", sans-serif;

    /* Base Colours */
    --black: #2F144D;                 /* Deep Purple */
    --white: #ffffff;
    --transparent: transparent;

    /* Neutral Greys (Deep Purple scale) */
    --grey-darker: #2F144D;
    --grey-dark: #584370;             /* Deep Purple -20 */
    --grey: #827294;                  /* Deep Purple -40 */
    --grey-light: #9789A6;            /* Deep Purple -50 */
    --grey-lighter: #C0B8C9;          /* Deep Purple -70 */
    --grey-lightest: #DFDBE4;         /* Deep Purple -85 */

    /* Primary Brand Colours (Purple) */
    --primary-darker: #4B2870;        /* Purple +20 */
    --primary-dark: #542D7E;          /* Purple +10 */
    --primary: #5E338D;               /* Purple */
    --primary-light: #7E5BA3;         /* Purple -20 */
    --primary-lighter: #9E84BA;       /* Purple -40 */
    --primary-lightest: #AE99C6;      /* Purple -50 */

    /* Secondary Brand Colours (Lime) */
    --secondary-dark: #A3BD36;        /* Lime +10 */
    --secondary: #B6D33D;             /* Lime */
    --secondary-light: #C4DB63;       /* Lime -20 */

    /* Tertiary Brand Colours (Teal) */
    --tertiary-dark: #317579;         /* Teal +40 */
    --tertiary: #52C4CA;              /* Teal */
    --tertiary-light: #A8E1E4;        /* Teal -50 */

    --muted: #2F144D;

    /* Primary Button Styling (Orange) */
    --button-primary-background: #F58843;
    --button-primary-border: #F58843;
    --button-primary-hover: #DC7A3C;  /* Orange +10 */
    --button-primary-content: #2F144D;
    --button-primary-content-hover: #2F144D;

    /* Secondary Button Styling (Teal) */
    --button-secondary-background: #52C4CA;
    --button-secondary-border: #52C4CA;
    --button-secondary-hover: #49B0B5; /* Teal +10 */
    --button-secondary-content: #2F144D;
    --button-secondary-content-hover: #2F144D;

    /* Tertiary Button Styling (Yellow) */
    --button-tertiary-background: #F7F171;
    --button-tertiary-border: #F7F171;
    --button-tertiary-hover: #DED865; /* Yellow +10 */
    --button-tertiary-content: #2F144D;
    --button-tertiary-content-hover: #2F144D;

    /* Inverted Button Content */
    --button-primary-inverted-content: #5E338D;
    --button-primary-inverted-content-hover: #5E338D;
    --button-secondary-inverted-content: #2F144D;
    --button-secondary-inverted-content-hover: #2F144D;

    /* Destructive Button Styling (not in palette, unchanged) */
    --button-destructive-background: #d32f2f;
    --button-destructive-border: #d32f2f;
    --button-destructive-hover: #e53935;
    --button-destructive-content: #ffffff;

    /* Feedback Colours */
    --feedback-information-dark: #204E50;   /* Teal +60 */
    --feedback-information: #317579;        /* Teal +40 */
    --feedback-information-light: #E5F6F7;  /* Teal -85 */

    --feedback-success-dark: #14532d;       /* not in palette, unchanged */
    --feedback-success: #485418;            /* Lime +60 */
    --feedback-success-light: #E9F1C4;      /* Lime -70 */

    --feedback-warning-dark: #62602D;       /* Yellow +60 */
    --feedback-warning: #F7F171;            /* Yellow */
    --feedback-warning-light: #FCFAD4;      /* Yellow -70 */

    --feedback-danger-dark: #7f1d1d;        /* not in palette, unchanged */
    --feedback-danger: #BE2F19;
    --feedback-danger-light: #ffebee;       /* not in palette, unchanged */

    /* Text Colours */
    --text: #2F144D;
    --text-primary: #2F144D;
    --text-secondary: #584370;
    --text-tertiary: #584370;
    --text-link: #5E338D;
    --text-link-hover: #96459B;             /* Orchid */
    --text-link-inverted: #ffffff;
    --text-inverted: #ffffff;

    /* Surface Colours */
    --surface: #ffffff;
    --surface-secondary: #52C4CA;           /* featured labels, dropdown hover */
    --surface-tertiary: #B6D33D;
    --surface-inverted: #5E338D;            /* featured agenda cards, table header cells */
    --surface-neutral: #2F144D;             /* portfolio bar, active pills */
    --surface-page: #FBF4D8;                /* Cream */
    --surface-widget: #ffffff;

    /* Border Colours */
    --border: #827294;
    --border-secondary: #9789A6;
    --border-focus: #317579;
    --border-light-color: #C0B8C9;
    --border-dark-color: #584370;

    /* 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: #2F144D;
    --footer-text: #ffffff;
    --footer-border: #ffffff;
    --footer-link: #ffffff;
    --footer-link-hover: #B6D33D;           /* Lime */

    /* Navigation Styling */
    --nav-background: #FFFFFF;
    --nav-link: #2F144D;
    --nav-link-hover: #96459B;              /* Orchid */

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

    /* Speakers */
    --highlighted-speaker-surface: #96459B; /* Orchid */
    --highlighted-speaker-text: #ffffff;
    --speaker-surface: #2F144D;
    --speaker-text: #ffffff;

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

    /* Exhibitor card (unchanged) */
    --exhibitor-card-surface: #ffffff;
    --exhibitor-card-text: var(--text);
    --exhibitor-card-shadow: 0px 6px 16px 0px #00000033;
    --exhibitor-card-border-color: var(--border-secondary);
    --exhibitor-card-border-width: 0px;

    /* Sponsor card (unchanged except tier heading) */
    --sponsor-card-surface: #ffffff;
    --sponsor-card-text: #000000;
    --sponsor-card-shadow: 0 0 #0000;
    --sponsor-card-border-color: var(--border-secondary);
    --sponsor-card-border-width: 0px;
    --sponsor-card-border-radius: var(--radius);
    --sponsor-stand-surface: var(--surface);
    --sponsor-stand-text: var(--text);
    --sponsor-listing-page-surface: #FBF4D8;
    --sponsor-detail-page-surface: #ffffff;
    --sponsor-tier-heading-text: #96459B;   /* Orchid */

    /* Social share button (unchanged) */
    --social-share-button-surface: #ffffff;
    --social-share-button-text: var(--text);
    --social-share-button-border-radius: var(--radius);

    /* Follow-ons from the orange button (these would default to orange, too light for text) */
    --agenda-grid-card-title-text: #5E338D;
    --agenda-card-view-all-speakers-button-text: #5E338D;
    --filter-trigger-active-text: #5E338D;
    --filter-trigger-active-border-color: #5E338D;
    --filter-modal-group-active-text: #5E338D;
    --portfolio-bar-dropdown-active-text: #5E338D;
    --portfolio-bar-dropdown-icon-text: #5E338D;
    --portfolio-bar-dropdown-item-hover-text: #5E338D;
    --filter-modal-checkbox-active-text: #2F144D;
    --filter-modal-radio-active-text: #2F144D;
    --filter-tabs-text: #2F144D;

    /* Filters, portfolio bar, agenda */
    --filter-modal-group-surface: #FCF8E7;                  /* Cream -40 */
    --portfolio-bar-dropdown-item-alternate-surface: #E1DBC2; /* Cream +10 */
    --portfolio-bar-dropdown-item-text: #2F144D;
    --agenda-timeline-card-featured-label-text: #2F144D;
    --agenda-grid-card-border-color: #DFDBE4;               /* Deep Purple -85 */
     --sponsor-listing-page-surface: #FBF4D8;
    --sponsor-detail-page-surface: #FBF4D8;

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

    /* Add to calendar button styling. */
    --add-to-calendar-button-surface: #FBF4D8;
    --add-to-calendar-button-text: var(--text);
    --add-to-calendar-button-border: var(--border);
    --add-to-calendar-button-hover-surface: var(--surface);
    --add-to-calendar-button-hover-text: var(--text);
    --add-to-calendar-button-hover-border: var(--border);
    --add-to-calendar-button-radius: var(--radius);
    --add-to-calendar-dropdown-surface: var(--surface);
    --add-to-calendar-dropdown-text: var(--text);
    --add-to-calendar-dropdown-border: var(--border);
    --add-to-calendar-dropdown-radius: calc(var(--radius) * 2);
    --add-to-calendar-dropdown-option-hover-surface: var(--surface-secondary);
    --add-to-calendar-dropdown-option-hover-text: var(--text);
    --add-to-calendar-dropdown-focus-ring: var(--border-focus);

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

    /* Agenda Timeline card styling. */
    --agenda-timeline-card-surface: var(--surface);
    --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);
    --agenda-card-view-all-speakers-button-text: var(--button-primary-background);

    /* 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);

    --agenda-card-view-all-speakers-button-text: var(--primary);

  }

div#catalog-agenda-session {
    background-color: #FBF4D8 !important;
}

  @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;
}