/* =============================================================================
   LFGC DESIGN TOKENS
   Single source of truth for all color custom properties and font-face
   declarations. Loaded on every page so fonts and variables are available
   regardless of which Divi modules appear on a given page.
   ============================================================================= */

/* ── Font faces ────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Area_Extended_Regular';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_Regular.otf') format('opentype');
}

/* Space aliases to match legacy rules in header.css */
@font-face {
  font-family: 'Area Extended Regular';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Area Extended';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Area_Extended_Black';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_Black.otf') format('opentype');
}

@font-face {
  font-family: 'Area_Extended_SemiBold';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_SemiBold.otf') format('opentype');
}

/* No Medium file — SemiBold is the closest available weight */
@font-face {
  font-family: 'Area_Extended_Medium';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_SemiBold.otf') format('opentype');
}

@font-face {
  font-family: 'Area_Extended_Bold';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Area_Extended_ExtraBold';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_ExtraBold.otf') format('opentype');
}

@font-face {
  font-family: 'Area_Extended_Thin';
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Area_Extended_Thin.otf') format('opentype');
}

@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../../uploads/et-fonts/Marcellus-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  font-style: normal;
  font-display: swap;
  src: url('../../../../uploads/et-fonts/ZalandoSansExpanded-VariableFont_wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  font-style: italic;
  font-display: swap;
  src: url('../../../../uploads/et-fonts/ZalandoSansExpanded-Italic-VariableFont_wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Zalando Sans';
  font-style: normal;
  font-display: swap;
  src: url('../../../../uploads/et-fonts/ZalandoSans-VariableFont_wdthwght.ttf') format('truetype');
}

@font-face {
  font-family: 'Zalando Sans';
  font-style: italic;
  font-display: swap;
  src: url('../../../../uploads/et-fonts/ZalandoSans-Italic-VariableFont_wdthwght.ttf') format('truetype');
}

:root {
  /* ── Base palette ──────────────────────────────────────────────────────────── */

  --lfgc-color-magenta: #d6006d; /* brand magenta — UI accents, CTAs    */
  --lfgc-color-magenta-dark: #b7006a; /* darker magenta — events, pills      */
  --lfgc-color-magenta-bright: #ff0484; /* bright magenta — hover highlight    */
  --lfgc-color-charcoal: #4e5054; /* primary text / UI charcoal          */
  --lfgc-color-dark: #2c2e31; /* headings / dark backgrounds         */
  --lfgc-color-grey-corp: #4a4f54; /* corporate grey                      */
  --lfgc-color-grey-body: #605c5c; /* body / muted text                   */
  --lfgc-color-grey-lt: #f3f3f3; /* light page background               */
  --lfgc-color-paper: #f1f1f1; /* premium services background         */
  --lfgc-color-border: #dadada; /* borders, dividers                   */
  --lfgc-color-date: #9a9d9f; /* date / secondary muted text         */
  --lfgc-color-placeholder: #e8e8e8; /* card image placeholder — light      */
  --lfgc-color-placeholder-dk: #d9d9d9; /* card image placeholder — medium     */
  --lfgc-color-placeholder-bg: #d7d7d7; /* gradient placeholder background     */
  --lfgc-color-white: #ffffff;
  --lfgc-color-black: #000000;

  /* ── events.css ───────────────────────────────────────────────────────────── */

  --lfgc-ev-magenta: var(--lfgc-color-magenta-dark);
  --lfgc-ev-charcoal: var(--lfgc-color-charcoal);
  --lfgc-ev-white: var(--lfgc-color-white);
  --lfgc-ev-bg: var(--lfgc-color-grey-lt);
  --lfgc-ev-gap-col: 10px;
  --lfgc-ev-gap-row: 63px;

  /* ── operator-listing.css ─────────────────────────────────────────────────── */

  --lfgc-op-magenta: var(--lfgc-color-magenta);
  --lfgc-op-charcoal: var(--lfgc-color-charcoal);
  --lfgc-op-dark: var(--lfgc-color-dark);
  --lfgc-op-bg: var(--lfgc-color-grey-lt);
  --lfgc-op-white: var(--lfgc-color-white);
  --lfgc-op-border: var(--lfgc-color-border);
  --lfgc-op-placeholder: var(--lfgc-color-placeholder);
  --lfgc-op-muted: var(--lfgc-color-grey-body);

  /* ── home.css ─────────────────────────────────────────────────────────────── */

  --lfgc-magenta: var(--lfgc-color-magenta);
  --lfgc-magenta-dk: var(--lfgc-color-magenta-dark);
  --lfgc-charcoal: var(--lfgc-color-dark);
  --lfgc-grey-corp: var(--lfgc-color-grey-corp);
  --lfgc-grey-body: var(--lfgc-color-grey-body);
  --lfgc-grey-lt: var(--lfgc-color-grey-lt);
  --lfgc-border: var(--lfgc-color-border);
  --lfgc-white: var(--lfgc-color-white);
  --lfgc-black: var(--lfgc-color-black);

  /* ── header.css ───────────────────────────────────────────────────────────── */

  --lfgc-header-grey: var(--lfgc-color-charcoal);
  --lfgc-header-charcoal: var(--lfgc-color-dark);
  --lfgc-header-magenta: var(--lfgc-color-magenta-dark);
  --lfgc-header-panel-bg: var(--lfgc-color-white);
  --lfgc-header-magenta-brand: var(--lfgc-color-magenta);
  --lfgc-header-bg: var(--lfgc-color-grey-lt);
  --lfgc-header-black: var(--lfgc-color-black);

  /* ── search.css ───────────────────────────────────────────────────────────── */

  --lfgc-srch-magenta: var(--lfgc-color-magenta);
  --lfgc-srch-magenta-bright: var(--lfgc-color-magenta-bright);
  --lfgc-srch-dark: var(--lfgc-color-dark);
  --lfgc-srch-charcoal: var(--lfgc-color-charcoal);
  --lfgc-srch-bg: var(--lfgc-color-grey-lt);
  --lfgc-srch-white: var(--lfgc-color-white);
  --lfgc-srch-border: var(--lfgc-color-border);
  --lfgc-srch-muted: var(--lfgc-color-grey-body);

  /* ── homepage-operators.css ───────────────────────────────────────────────── */

  --lfgc-hp-ops-magenta: var(--lfgc-color-magenta-dark);
  --lfgc-hp-ops-charcoal: var(--lfgc-color-charcoal);
  --lfgc-hp-ops-white: var(--lfgc-color-white);
  --lfgc-hp-ops-border: var(--lfgc-color-border);
  --lfgc-hp-ops-placeholder: var(--lfgc-color-placeholder-dk);

  /* ── homepage-posts.css ───────────────────────────────────────────────────── */

  --lfgc-hp-posts-charcoal: var(--lfgc-color-charcoal);
  --lfgc-hp-posts-border: var(--lfgc-color-border);
  --lfgc-hp-posts-placeholder: var(--lfgc-color-placeholder-dk);
  --lfgc-hp-posts-muted: var(--lfgc-color-date);

  /* ── blog-listing.css ─────────────────────────────────────────────────────── */

  --lfgc-bl-magenta: var(--lfgc-color-magenta);
  --lfgc-bl-dark: var(--lfgc-color-dark);
  --lfgc-bl-charcoal: var(--lfgc-color-charcoal);
  --lfgc-bl-bg: var(--lfgc-color-grey-lt);
  --lfgc-bl-white: var(--lfgc-color-white);
  --lfgc-bl-border: var(--lfgc-color-border);
  --lfgc-bl-placeholder: var(--lfgc-color-placeholder);
  --lfgc-bl-muted: var(--lfgc-color-grey-body);
  --lfgc-bl-date: var(--lfgc-color-date);

  /* ── post-detail.css ──────────────────────────────────────────────────────── */

  --lfgc-pd-magenta: var(--lfgc-color-magenta);
  --lfgc-pd-charcoal: var(--lfgc-color-charcoal);
  --lfgc-pd-dark: var(--lfgc-color-dark);
  --lfgc-pd-bg: var(--lfgc-color-grey-lt);
  --lfgc-pd-border: var(--lfgc-color-border);
  --lfgc-pd-muted: var(--lfgc-color-grey-body);
  --lfgc-pd-date: var(--lfgc-color-date);

  /* ── premium-services.css ─────────────────────────────────────────────────── */

  --lfgc-ps-magenta: var(--lfgc-color-magenta-dark);
  --lfgc-ps-charcoal: var(--lfgc-color-charcoal);
  --lfgc-ps-ink: var(--lfgc-color-dark);
  --lfgc-ps-paper: var(--lfgc-color-paper);
  --lfgc-ps-white: var(--lfgc-color-white);
  --lfgc-ps-placeholder: var(--lfgc-color-placeholder-dk);
  --lfgc-ps-placeholder-bg: var(--lfgc-color-placeholder-bg);
}