/*
 * Copyright (c) 2025 Eclipse Foundation AISBL
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0
 */

:root {
  /* Spacing */
  --efsc-space-0: 0;
  --efsc-space-px: 1px;
  --efsc-space-1: 0.2rem;
  --efsc-space-2: 0.4rem;
  --efsc-space-3: 0.6000000000000001rem;
  --efsc-space-4: 0.8rem;
  --efsc-space-5: 1rem;
  --efsc-space-6: 1.2000000000000002rem;
  --efsc-space-7: 1.4000000000000001rem;
  --efsc-space-8: 1.6rem;
  --efsc-space-9: 2rem;
  --efsc-space-10: 2.4000000000000004rem;
  --efsc-space-11: 2.8000000000000003rem;
  --efsc-space-12: 3.2rem;
  --efsc-space-13: 3.6rem;
  --efsc-space-14: 4rem;
  --efsc-space-15: 4.4rem;
  --efsc-space-16: 4.800000000000001rem;
  --efsc-space-18: 5.6000000000000005rem;
  --efsc-space-20: 6.4rem;
  --efsc-space-24: 8rem;
  --efsc-space-28: 9.600000000000001rem;
  --efsc-space-32: 11.200000000000001rem;
  --efsc-space-36: 12.8rem;
  --efsc-space-40: 14.4rem;
  --efsc-space-44: 16rem;
  --efsc-space-48: 17.6rem;
  --efsc-space-52: 19.200000000000003rem;
  --efsc-space-56: 20.8rem;
  --efsc-space-60: 22.400000000000002rem;
  --efsc-space-64: 24rem;
  --efsc-space-72: 25.6rem;
  --efsc-space-80: 28.8rem;
  --efsc-space-96: 32rem;
  --efsc-space-112: 38.400000000000006rem;

  /* Base Colors */
  --efsc-color-orange-25: #190b00;
  --efsc-color-orange-50: #ffe1c4;
  --efsc-color-orange-100: #ffd1a6;
  --efsc-color-orange-200: #ffb889;
  --efsc-color-orange-300: #ff9b69;
  --efsc-color-orange-400: #ff8544;
  --efsc-color-orange-500: #f06c02;
  --efsc-color-orange-600: #d05700;
  --efsc-color-orange-700: #a34201;
  --efsc-color-orange-800: #782e00;
  --efsc-color-orange-900: #4f1c00;
  --efsc-color-orange-950: #2a0b00;
  --efsc-color-orange-975: #f9f4f1;

  --efsc-color-blue-25: #f5f7ff;
  --efsc-color-blue-50: #e2f4ff;
  --efsc-color-blue-100: #b7c8fa;
  --efsc-color-blue-200: #869df3;
  --efsc-color-blue-300: #6682f9;
  --efsc-color-blue-400: #4154e2;
  --efsc-color-blue-500: #2c1cd8;
  --efsc-color-blue-600: #2215b0;
  --efsc-color-blue-700: #190e89;
  --efsc-color-blue-800: #000966;
  --efsc-color-blue-900: #070342;
  --efsc-color-blue-950: #020122;
  --efsc-color-blue-975: #000007;

  --efsc-color-teal-25: #edfff9;
  --efsc-color-teal-50: #d8fff2;
  --efsc-color-teal-100: #c5ffec;
  --efsc-color-teal-200: #b0ffe6;
  --efsc-color-teal-300: #98ffe0;
  --efsc-color-teal-400: #7affda;
  --efsc-color-teal-500: #54ffd4;
  --efsc-color-teal-600: #44d0ac;
  --efsc-color-teal-700: #31a385;
  --efsc-color-teal-800: #237862;
  --efsc-color-teal-900: #134f40;
  --efsc-color-teal-950: #082a21;
  --efsc-color-teal-975: #01160d;

  --efsc-color-red-50: #ffe1e6;
  --efsc-color-red-100: #ffb3b8;
  --efsc-color-red-500: #f4405f;

  --efsc-color-gray-50: #ebebeb;
  --efsc-color-gray-100: #d6d6d6;
  --efsc-color-gray-200: #c2c2c2;
  --efsc-color-gray-300: #aeaeae;
  --efsc-color-gray-400: #999999;
  --efsc-color-gray-500: #858585;
  --efsc-color-gray-600: #6f6f6f;
  --efsc-color-gray-700: #595959;
  --efsc-color-gray-800: #434343;
  --efsc-color-gray-900: #2c2c2c;
  --efsc-color-gray-950: #161616;

  --efsc-color-white: #fff;
  --efsc-color-black: #000;

  /* Branding Colors */
  --efsc-color-primary-25: var(--efsc-color-orange-25);
  --efsc-color-primary-50: var(--efsc-color-orange-50);
  --efsc-color-primary-100: var(--efsc-color-orange-100);
  --efsc-color-primary-200: var(--efsc-color-orange-200);
  --efsc-color-primary-300: var(--efsc-color-orange-300);
  --efsc-color-primary-400: var(--efsc-color-orange-400);
  --efsc-color-primary-500: var(--efsc-color-orange-500);
  --efsc-color-primary-600: var(--efsc-color-orange-600);
  --efsc-color-primary-700: var(--efsc-color-orange-700);
  --efsc-color-primary-800: var(--efsc-color-orange-800);
  --efsc-color-primary-900: var(--efsc-color-orange-900);
  --efsc-color-primary-950: var(--efsc-color-orange-950);
  --efsc-color-primary-975: var(--efsc-color-orange-975);

  --efsc-color-secondary-25: var(--efsc-color-blue-25);
  --efsc-color-secondary-50: var(--efsc-color-blue-50);
  --efsc-color-secondary-100: var(--efsc-color-blue-100);
  --efsc-color-secondary-200: var(--efsc-color-blue-200);
  --efsc-color-secondary-300: var(--efsc-color-blue-300);
  --efsc-color-secondary-400: var(--efsc-color-blue-400);
  --efsc-color-secondary-500: var(--efsc-color-blue-500);
  --efsc-color-secondary-600: var(--efsc-color-blue-600);
  --efsc-color-secondary-700: var(--efsc-color-blue-700);
  --efsc-color-secondary-800: var(--efsc-color-blue-800);
  --efsc-color-secondary-900: var(--efsc-color-blue-900);
  --efsc-color-secondary-950: var(--efsc-color-blue-950);
  --efsc-color-secondary-975: var(--efsc-color-blue-975);

  --efsc-color-tertiary-25: var(--efsc-color-teal-25);
  --efsc-color-tertiary-50: var(--efsc-color-teal-50);
  --efsc-color-tertiary-100: var(--efsc-color-teal-100);
  --efsc-color-tertiary-200: var(--efsc-color-teal-200);
  --efsc-color-tertiary-300: var(--efsc-color-teal-300);
  --efsc-color-tertiary-400: var(--efsc-color-teal-400);
  --efsc-color-tertiary-500: var(--efsc-color-teal-500);
  --efsc-color-tertiary-600: var(--efsc-color-teal-600);
  --efsc-color-tertiary-700: var(--efsc-color-teal-700);
  --efsc-color-tertiary-800: var(--efsc-color-teal-800);
  --efsc-color-tertiary-900: var(--efsc-color-teal-900);
  --efsc-color-tertiary-950: var(--efsc-color-teal-950);
  --efsc-color-tertiary-975: var(--efsc-color-teal-975);

  --efsc-color-brand-primary: var(--efsc-color-primary-500);
  --efsc-color-brand-secondary: var(--efsc-color-secondary-500);
  --efsc-color-brand-tertiary: var(--efsc-color-tertiary-500);

  /* Semantic Colors */
  --efsc-color-info-50: var(--efsc-color-blue-50);
  --efsc-color-info-100: var(--efsc-color-blue-100);
  --efsc-color-info-500: var(--efsc-color-blue-500);

  --efsc-color-success-50: var(--efsc-color-teal-50);
  --efsc-color-success-100: var(--efsc-color-teal-100);
  --efsc-color-success-500: var(--efsc-color-teal-500);
  --efsc-color-success-700: var(--efsc-color-teal-700);

  --efsc-color-warning-50: var(--efsc-color-orange-50);
  --efsc-color-warning-100: var(--efsc-color-orange-100);
  --efsc-color-warning-500: var(--efsc-color-orange-500);
  --efsc-color-warning-700: var(--efsc-color-orange-50);

  --efsc-color-danger-50: var(--efsc-color-red-50);
  --efsc-color-danger-100: var(--efsc-color-red-100);
  --efsc-color-danger-500: var(--efsc-color-red-500);

  --efsc-color-brand-info: var(--efsc-color-blue-300);
  --efsc-color-brand-success: var(--efsc-color-teal-600);
  --efsc-color-brand-warning: var(--efsc-color-orange-300);
  --efsc-color-brand-danger: #f4405f;

  /* Font Sizes */
  --efsc-text-2xs: 1rem;
  --efsc-text-xs: 1.2000000000000002rem;
  --efsc-text-sm: 1.6rem;
  --efsc-text-md: 1.8rem;
  --efsc-text-lg: 2rem;
  --efsc-text-xl: 2.4000000000000004rem;
  --efsc-text-2xl: 3.6rem;
  --efsc-text-3xl: 4.800000000000001rem;
  --efsc-text-4xl: 6rem;
  --efsc-text-5xl: 7.2rem;

  /* Border Radii */
  --efsc-border-radius-xs: 0.8rem;
  --efsc-border-radius-sm: 1.6rem;
  --efsc-border-radius-md: 2.4000000000000004rem;
  --efsc-border-radius-lg: 3.6rem;
  --efsc-border-radius-xl: 4.2rem;
  --efsc-border-radius-circle: 50%;
  --efsc-border-radius-pill: 9999px;

  /* Components */
  /* Accordion */
  --efsc-accordion-padding: 3rem;
  --efsc-accordion-border-color: var(--efsc-color-secondary-100);
  --efsc-accordion-hover-border-color: var(--efsc-color-secondary-300);
  --efsc-accordion-background: var(--efsc-color-white);
  --efsc-accordion-border-radius: var(--efsc-border-radius-md);

  --efsc-accordion-title-font-size: var(--efsc-text-lg);
  --efsc-accordion-title-font-weight: 500;

  --efsc-accordion-icon-color: var(--efsc-color-brand-secondary);
  --efsc-accordion-icon-background: var(--efsc-color-secondary-25);

  --efsc-accordion-group-accordion-margin-bottom: var(--efsc-space-9);

  /* Banner */
  --efsc-banner-background: linear-gradient(
      90deg,
      var(--efsc-color-brand-secondary),
      var(--efsc-color-secondary-800)
    )
    padding-box;
  --efsc-banner-color: var(--efsc-color-white);
  --efsc-banner-padding-y: var(--efsc-space-5);
  --efsc-banner-link-color: var(--efsc-color-brand-tertiary);

  /* Button */
  --efsc-button-color: var(--efsc-color-black);
  --efsc-button-padding-y: 0.8rem;
  --efsc-button-padding-x: 3.6rem;
  --efsc-button-font-size: var(--efsc-text-sm);
  --efsc-button-font-weight: 600;
  --efsc-button-border-radius: var(--efsc-border-radius-pill);
  --efsc-button-background: var(--efsc-color-white) padding-box;
  --efsc-button-hover-background: linear-gradient(
      var(--efsc-color-gray-200),
      var(--efsc-color-gray-500)
    )
    padding-box;
  --efsc-button-border-color: var(--efsc-color-gray-200);
  --efsc-button-border-width: 1px;
  --efsc-button-border-style: solid;
  --efsc-button-border: var(--efsc-button-border-width) var(--efsc-button-border-style)
    var(--efsc-button-border-color);

  --efsc-button-outline-background: transparent;
  --efsc-button-outline-border-width: var(--efsc-button-border-width);
  --efsc-button-outline-border-style: var(--efsc-button-border-style);
  --efsc-button-outline-border-color: var(--efsc-button-border-color);
  --efsc-button-outline-hover-background: var(--efsc-button-hover-background);

  --efsc-button-xs-padding-y: 0.30000000000000004rem;
  --efsc-button-xs-padding-x: 2.2rem;
  --efsc-button-xs-font-size: var(--efsc-text-2xs);

  --efsc-button-sm-padding-y: 0.30000000000000004rem;
  --efsc-button-sm-padding-x: 2.2rem;
  --efsc-button-sm-font-size: var(--efsc-text-xs);

  --efsc-button-md-padding-y: var(--efsc-button-padding-y);
  --efsc-button-md-padding-x: var(--efsc-button-padding-x);
  --efsc-button-md-font-size: var(--efsc-button-font-size);

  --efsc-button-lg-padding-y: 1.6rem;
  --efsc-button-lg-padding-x: 4.800000000000001rem;
  --efsc-button-lg-font-size: var(--efsc-text-md);

  --efsc-button-primary-background: var(--efsc-color-brand-primary) padding-box;
  --efsc-button-primary-color: var(--efsc-color-black);
  --efsc-button-primary-border: var(--efsc-button-border-width) var(--efsc-button-border-style)
    var(--efsc-color-brand-primary);
  --efsc-button-primary-hover-background: linear-gradient(
      var(--efsc-color-primary-500),
      var(--efsc-color-primary-700)
    )
    padding-box;

  --efsc-button-outline-primary-border: var(--efsc-button-outline-border-width)
    var(--efsc-button-outline-border-style) var(--efsc-color-brand-primary);
  --efsc-button-outline-primary-color: var(--efsc-color-brand-primary);
  --efsc-button-outline-primary-background: var(--efsc-button-outline-background);
  --efsc-button-outline-primary-hover-background: var(--efsc-button-primary-hover-background);
  --efsc-button-outline-primary-hover-color: var(--efsc-color-black);

  --efsc-button-secondary-background: var(--efsc-color-brand-secondary) padding-box;
  --efsc-button-secondary-color: var(--efsc-color-white);
  --efsc-button-secondary-border: var(--efsc-button-border-width) var(--efsc-button-border-style)
    var(--efsc-color-brand-secondary);
  --efsc-button-secondary-hover-background: linear-gradient(
      var(--efsc-color-secondary-500),
      var(--efsc-color-secondary-700)
    )
    padding-box;

  --efsc-button-outline-secondary-border: var(--efsc-button-outline-border-width)
    var(--efsc-button-outline-border-style) var(--efsc-color-brand-secondary);
  --efsc-button-outline-secondary-color: var(--efsc-color-brand-secondary);
  --efsc-button-outline-secondary-background: var(--efsc-button-outline-background);
  --efsc-button-outline-secondary-hover-background: var(--efsc-button-secondary-hover-background);
  --efsc-button-outline-secondary-hover-color: var(--efsc-color-white);

  --efsc-button-tertiary-background: var(--efsc-color-secondary-800) padding-box;
  --efsc-button-tertiary-color: var(--efsc-color-white);
  --efsc-button-tertiary-border: var(--efsc-button-border-width) var(--efsc-button-border-style)
    var(--efsc-color-secondary-800);
  --efsc-button-tertiary-hover-background: linear-gradient(
      var(--efsc-color-secondary-800),
      var(--efsc-color-secondary-950)
    )
    padding-box;

  --efsc-button-outline-tertiary-border: var(--efsc-button-outline-border-width)
    var(--efsc-button-outline-border-style) var(--efsc-color-secondary-800);
  --efsc-button-outline-tertiary-color: var(--efsc-color-secondary-800);
  --efsc-button-outline-tertiary-background: var(--efsc-button-outline-background);
  --efsc-button-outline-tertiary-hover-background: var(--efsc-button-tertiary-hover-background);
  --efsc-button-outline-tertiary-hover-color: var(--efsc-color-white);

  /* Menu */
  --efsc-menu-background-color: var(--efsc-color-white);
  --efsc-menu-border-color: var(--efsc-color-gray-100);
  --efsc-menu-border-width: 1px;
  --efsc-menu-border-radius: var(--efsc-border-radius-sm);
  --efsc-menu-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --efsc-menu-padding: 0.8rem 0;
  --efsc-menu-font-size: var(--efsc-text-sm);

  --efsc-menu-divider-background-color: var(--efsc-menu-border-color);

  --efsc-menu-item-background-color: transparent;
  --efsc-menu-item-hover-background-color: var(--efsc-color-gray-50);

  /* Pagination */
  --efsc-pagination-list-gap: 1rem;
  --efsc-pagination-list-justify-content: flex-start;

  --efsc-page-link-color: var(--efsc-color-brand-secondary);
  --efsc-page-link-border-color: var(--efsc-page-link-color);
  --efsc-page-link-border-radius: var(--efsc-border-radius-circle);
  --efsc-page-link-width: 4.2rem;
  --efsc-page-link-height: 4.2rem;
  --efsc-page-link-font-weight: 600;
  --efsc-page-link-active-color: var(--efsc-color-white);
  --efsc-page-link-active-background: var(--efsc-page-link-color) padding-box;
  --efsc-page-link-active-border-color: var(--efsc-page-link-border-color);

  --efsc-page-link-skipper-min-width: 9rem;
  --efsc-page-link-skipper-border-radius: var(--efsc-border-radius-pill);

  /* Dotted Pagination */
  --efsc-dotted-pagination-list-gap: 1rem;
  --efsc-dotted-pagination-dot-size: 1.6rem;

  /* Event List */
  --efsc-event-list-button-variant: secondary;

  --efsc-event-list-gap: 4rem;

  --efsc-event-inner-gap: 4rem;
  --efsc-event-padding: 4rem;
  --efsc-event-border-radius: var(--efsc-border-radius-md);
  --efsc-event-border-color: var(--efsc-color-secondary-100);
  --efsc-event-border-width: 1px;

  --efsc-event-date-font-size: var(--efsc-text-sm);
  --efsc-event-date-color: var(--efsc-color-gray-800);
  --efsc-event-date-icon-color: var(--efsc-color-gray-100);

  --efsc-event-location-font-size: var(--efsc-text-sm);
  --efsc-event-location-color: var(--efsc-color-gray-800);
  --efsc-event-location-icon-color: var(--efsc-color-gray-100);

  --efsc-event-heading-font-size: var(--efsc-text-lg);
  --efsc-event-heading-lg-font-size: var(--efsc-text-2xl);
  --efsc-event-heading-font-weight: 600;

  --efsc-event-content-gap: 1.6rem;

  --efsc-event-thumbnail-border-radius: var(--efsc-border-radius-sm);

  /* Event Filters */
  --efsc-event-filters-button-variant: secondary;
  --efsc-event-filters-button-size: lg;

  /* News List */
  --efsc-news-list-gap: 4rem;

  --efsc-news-item-inner-gap: 4rem;
  --efsc-news-item-padding: 4rem;
  --efsc-news-item-border-radius: var(--efsc-border-radius-md);
  --efsc-news-item-border-color: var(--efsc-color-secondary-100);
  --efsc-news-item-border-width: 1px;
  --efsc-news-item-background-color: var(--efsc-color-white);
  --efsc-news-item-hover-background-color: var(--efsc-color-secondary-25);

  --efsc-news-item-date-font-size: var(--efsc-text-sm);
  --efsc-news-item-date-color: var(--efsc-color-gray-800);

  --efsc-news-item-heading-font-size: var(--efsc-text-lg);
  --efsc-news-item-heading-lg-font-size: var(--efsc-text-2xl);
  --efsc-news-item-heading-font-weight: 600;

  --efsc-news-item-content-gap: 1.6rem;

  --efsc-news-item-thumbnail-border-radius: var(--efsc-border-radius-sm);

  /* Project List */
  --efsc-project-list-project-border-bottom-style: dashed;
  --efsc-project-list-project-border-bottom-width: 4px;
  --efsc-project-list-project-border-bottom-color: var(--efsc-color-gray-50);
  --efsc-project-list-project-name-font-size: var(--efsc-text-md);
  --efsc-project-list-project-name-font-weight: 600;
  --efsc-project-list-project-tag-background: linear-gradient(
    to right,
    var(--efsc-color-secondary-400),
    var(--efsc-color-secondary-600)
  );

  /* Popup */
  --efsc-popup-background: var(--efsc-color-secondary-50);
  --efsc-popup-border-color: var(--efsc-color-secondary-100);
  --efsc-popup-border-width: 1px;
  --efsc-popup-color: var(--efsc-color-secondary-600);
  --efsc-popup-border-radius: var(--efsc-border-radius-lg);
  --efsc-popup-padding-x: 1.6rem;
  --efsc-popup-padding-y: 1rem;
  --efsc-popup-padding-md-x: 4rem;
  --efsc-popup-padding-md-y: 4rem;
  --efsc-popup-bottom-offset: 3.2rem;
  --efsc-popup-skeleton-background: var(--efsc-color-secondary-100);

  --efsc-popup-primary-background-color: var(--efsc-color-primary-100);
  --efsc-popup-primary-border-color: var(--efsc-color-primary-200);
  --efsc-popup-primary-color: var(--efsc-color-primary-600);

  --efsc-popup-secondary-background-color: var(--efsc-color-secondary-100);
  --efsc-popup-secondary-border-color: var(--efsc-color-secondary-200);
  --efsc-popup-secondary-color: var(--efsc-color-secondary-600);

  --efsc-popup-tertiary-background-color: var(--efsc-color-secondary-800);
  --efsc-popup-tertiary-border-color: var(--efsc-color-secondary-700);
  --efsc-popup-tertiary-color: var(--efsc-color-white);

  --efsc-popup-info-background-color: var(--efsc-color-info-50);
  --efsc-popup-info-border-color: var(--efsc-color-info-100);
  --efsc-popup-info-color: var(--efsc-color-info-500);

  --efsc-popup-success-background-color: var(--efsc-color-success-50);
  --efsc-popup-success-border-color: var(--efsc-color-success-100);
  --efsc-popup-success-color: var(--efsc-color-success-700);

  --efsc-popup-warning-background-color: var(--efsc-color-warning-50);
  --efsc-popup-warning-border-color: var(--efsc-color-warning-100);
  --efsc-popup-warning-color: var(--efsc-color-warning-500);

  --efsc-popup-danger-background-color: var(--efsc-color-danger-50);
  --efsc-popup-danger-border-color: var(--efsc-color-danger-100);
  --efsc-popup-danger-color: var(--efsc-color-danger-500);
}

:root {
  --efsc-compatibility-theme: compatible;
}