/**
 * Foundation Base — design tokens v3.
 * Shared design decisions only. Root-Domain identity stays with the Domain.
 */


/* --------------------------------------------------------------------------
 * Fonts
 * -------------------------------------------------------------------------- */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/themes/custom/foundation_base/assets/fonts/fraunces/fraunces-latin-variable.woff2")
    format("woff2-variations");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/themes/custom/foundation_base/assets/fonts/montserrat/montserrat-latin-variable.woff2")
    format("woff2-variations");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/themes/custom/foundation_base/assets/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-400.woff2")
    format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/themes/custom/foundation_base/assets/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-500.woff2")
    format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/themes/custom/foundation_base/assets/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-600.woff2")
    format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/themes/custom/foundation_base/assets/fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-700.woff2")
    format("woff2");
}

:root {
  /* Colour. */
  --foundation-color-page: #f7f8f8;
  --foundation-color-surface: #ffffff;
  --foundation-color-surface-muted: #eef1f2;
  --foundation-color-highlighted: #F6F4EF;
  --foundation-color-input: #fafafa;
  --foundation-color-text: #1d252d;
  --foundation-color-text-soft: #3a4148;
  --foundation-color-text-muted: #66717a;
  --foundation-color-border: #d8dde0;
  --foundation-color-border-black: #353535;
  --foundation-color-border-strong: #aeb7bd;
  --foundation-color-action: #1d252d;
  --foundation-color-action-contrast: var(--foundation-color-page);
  --foundation-color-link: #1d252d;
  --foundation-color-focus: #001d61;
  --foundation-color-domain-accent: var(--foundation-color-focus);
  --foundation-color-domain-accent-backdrop: #1d252d05;
  --foundation-color-domain-backdrop: var(--foundation-color-link);
  --foundation-color-page-transparent: #f7f8f810;

  /* Typography. */
  --foundation-font-family-body: "Montserrat", Arial, sans-serif;
  --foundation-font-family-display: "Fraunces", Georgia, serif;
  --foundation-font-family-interface: "Montserrat", Arial, sans-serif;
  --foundation-font-family-rtl: "IBM Plex Sans Arabic", Arial, sans-serif;
  --foundation-font-family-ltr: "Montserrat", Arial, sans-serif;
  --foundation-font-size-tiny: 0.75rem;
  --foundation-font-size-tiny-rtl: 0.85rem;
  --foundation-font-size-meta: 0.8125rem;
  --foundation-font-size-meta-rtl: 0.9125rem;
  --foundation-font-size-small: 0.875rem;
  --foundation-font-size-body: 1rem;
  --foundation-font-size-medium: 1.0625rem;
  --foundation-font-size-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --foundation-font-size-heading-5: 1.125rem;
  --foundation-font-size-heading-4: clamp(1.25rem, 1.2rem + 0.19vw, 1.375rem);
  --foundation-font-size-heading-3: clamp(1.5rem, 1.41rem + 0.38vw, 1.75rem);
  --foundation-font-size-heading-2: clamp(1.875rem, 1.65rem + 0.94vw, 2.5rem);
  --foundation-font-size-heading-1: clamp(2.5rem, 2.06rem + 1.88vw, 3.75rem);
  --foundation-font-weight-thin: 200;
  --foundation-font-weight-body: 400;
  --foundation-font-weight-medium: 500;
  --foundation-font-weight-interface: 600;
  --foundation-font-weight-heading: 500;
  --foundation-font-weight-strong: 700;
  --foundation-line-height-body: 1.65;
  --foundation-line-height-small: 1.4;
  --foundation-line-height-lead: 1.5;
  --foundation-line-height-heading: 1.12;
  --foundation-line-height-heading-rtl: 1.4;
  --foundation-line-height-display: 0.98;
  --foundation-line-height-display-rtl: 1.2;
  --foundation-line-height-ui: 1;
  --foundation-line-height-menu: 1.15;
  --foundation-letter-spacing-interface: 0.075em;
  --foundation-letter-spacing-display: -0.025em;

  /* Layout and rhythm. */
  --foundation-shell-max-width: 90rem;
  --foundation-content-readable-width: 46rem;
  --foundation-shell-gutter: clamp(1rem, 3vw, 2.25rem);
  --foundation-profile-gutter: clamp(1rem, 3vw, 2.25rem);
  --foundation-page-gutter: var(--foundation-shell-gutter);
  --foundation-region-spacing: clamp(1rem, 2vw, 1rem);
  --foundation-region-spacing-top: clamp(3rem, 3vw, 3rem);
  --foundation-fullnode-spacing: clamp(0.2rem, 1vw, 0.4rem);
  --foundation-grid-gap: clamp(1rem, 2.2vw, 2rem);
  --foundation-content-gap: clamp(1.25rem, 2.5vw, 2.5rem);
  --foundation-border-width: 0.0625rem;
  --foundation-border-width-thick: 3px;
  --foundation-radius: 0;

  /* Lead region. */
  --foundation-lead-min-height: clamp(28rem, 70svh, 44rem);
  --foundation-lead-padding: clamp(2rem, 6vw, 6rem);
  --foundation-lead-background: var(--foundation-color-page);
  --foundation-lead-foreground: var(--foundation-color-text);
  --foundation-lead-measure: 34rem;

  /* Home Spotlight */
  --foundation-header-height: 190px;
}


html[data-bs-theme="dark"] {
  color-scheme: dark;
  --foundation-color-page: #151a1f;
  --foundation-color-surface: #1d252d;
  --foundation-color-surface-muted: #252f37;
  --foundation-color-text: #f3f5f7;
  --foundation-color-text-muted: #b8c0c6;
  --foundation-color-border: #39444d;
  --foundation-color-border-strong: #66717a;
  --foundation-color-action: #f3f5f7;
  --foundation-color-action-contrast: #1d252d;
  --foundation-color-link: #f3f5f7;
  --foundation-color-focus: #01c4bc;
}


html[dir="rtl"] body,
html:lang(ku) body,
html:lang(ckb) body,
html:lang(ar) body {
  --foundation-font-family-body: var(--foundation-font-family-rtl);
  --foundation-font-family-display: var(--foundation-font-family-rtl);
  --foundation-font-family-interface: var(--foundation-font-family-rtl);
  --foundation-font-size-meta: var(--foundation-font-size-meta-rtl);
  --foundation-font-size-tiny: var(--foundation-font-size-tiny-rtl);
  --foundation-line-height-heading: var(--foundation-line-height-heading-rtl);
}