/* Enquiry Pages theme snapshot. */
/* ============================================================
   ENQUIRY PAGES - CENTRAL SITE THEME
   Edit ONE line below to switch palettes:
   comment out the active @layer order and uncomment another.
   The LAST layer in the order wins.
   All colour values live in this file.
   ============================================================ */

/* ===== SELECT ONE ACTIVE PALETTE ===== */
/* Rich Copper */
/*  @layer navy, charcoal_gold, steel_blue, espresso, indigo, raspberry, signal_orange, ultramarine, copper; */

/* Midnight Navy */
/* @layer copper, charcoal_gold, steel_blue, espresso, indigo, raspberry, signal_orange, ultramarine, navy; */

/* Charcoal & Gold */
/* @layer copper, navy, steel_blue, espresso, indigo, raspberry, signal_orange, ultramarine, charcoal_gold; */

/* Steel Blue & Silver */
/* @layer copper, navy, charcoal_gold, espresso, indigo, raspberry, signal_orange, ultramarine, steel_blue;  */

/* Espresso & Stone */
/* @layer copper, navy, charcoal_gold, steel_blue, indigo, raspberry, signal_orange, ultramarine, espresso; */

/* Indigo & Pearl */
/* @layer copper, navy, charcoal_gold, steel_blue, espresso, raspberry, signal_orange, ultramarine, indigo; */

/* Signal Orange & Ice Blue */
@layer copper, navy, charcoal_gold, steel_blue, espresso, indigo, raspberry, ultramarine, signal_orange, theme_options;

/* Ultramarine & Porcelain */
/*  @layer copper, navy, charcoal_gold, steel_blue, espresso, indigo, raspberry, signal_orange, ultramarine; */

/* ===== COMPLETE COLOUR PALETTES ===== */

/* Rich Copper */
@layer copper {
  :root {
    --brand: #a74324;
    --brand-hover: #853319;
    --footer-bg: var(--brand-hover);
    --footer-text: #ffffff;
    --footer-border: var(--brand-hover);
    --footer-link-hover: #ffe0c9;
    --footer-accent: var(--footer-link-hover);
    --heading: #171717;
    --text: #333333;
    --text-muted: #626262;
    --page: #ffffff;
    --surface: #f5ede6;
    --surface-light: #fbf6f1;
    --border: #dfd4cb;
    --hero-start: #f5e1d1;
    --hero-middle: #fbf0e8;
    --hero-late: #fefaf7;
    --hero-end: #ffffff;
    --header-top: 245, 225, 209;
    --header-contact-top: 250, 242, 235;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #f4e6dc;
    --nav-active-bg: #ead5c5;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Midnight Navy */
@layer navy {
  :root {
    --brand: #245da0;
    --brand-hover: #194b84;
    --footer-bg: #344c68;
    --footer-text: #ffffff;
    --footer-border: #344c68;
    --footer-link-hover: #d8e9ff;
    --footer-accent: var(--footer-link-hover);
    --heading: #162536;
    --text: #304254;
    --text-muted: #596a79;
    --page: #ffffff;
    --surface: #e7eef5;
    --surface-light: #f5f8fb;
    --border: #d4e0e9;
    --hero-start: #dbe8f4;
    --hero-middle: #eaf1f7;
    --hero-late: #f8fafc;
    --hero-end: #ffffff;
    --header-top: 219, 232, 244;
    --header-contact-top: 241, 247, 252;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #e9f0f6;
    --nav-active-bg: #d7e4f0;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Charcoal & Gold */
@layer charcoal_gold {
  :root {
    --brand: #86631e;
    --brand-hover: #624816;
    --footer-bg: var(--brand-hover);
    --footer-text: #ffffff;
    --footer-border: var(--brand-hover);
    --footer-link-hover: #ffebba;
    --footer-accent: var(--footer-link-hover);
    --heading: #1b1b1b;
    --text: #343434;
    --text-muted: #64615a;
    --page: #ffffff;
    --surface: #eeebe3;
    --surface-light: #faf8f3;
    --border: #dbd4c7;
    --hero-start: #e9e1cf;
    --hero-middle: #f4efe5;
    --hero-late: #fcfaf7;
    --hero-end: #ffffff;
    --header-top: 232, 225, 209;
    --header-contact-top: 246, 242, 233;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #f1eee6;
    --nav-active-bg: #e5decc;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Steel Blue & Silver */
@layer steel_blue {
  :root {
    --brand: #33566d;
    --brand-hover: #254459;
    --footer-bg: #294b62;
    --footer-text: #ffffff;
    --footer-border: #294b62;
    --footer-link-hover: #dceef6;
    --footer-accent: var(--footer-link-hover);
    --heading: #202e36;
    --text: #334651;
    --text-muted: #64747d;
    --page: #ffffff;
    --surface: #e9f0f3;
    --surface-light: #f7f9fa;
    --border: #cbd7dd;
    --hero-start: #d8e2e8;
    --hero-middle: #e8eef2;
    --hero-late: #f8fafb;
    --hero-end: #ffffff;
    --header-top: 216, 226, 232;
    --header-contact-top: 245, 249, 251;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #e6edf1;
    --nav-active-bg: #d3e0e7;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Espresso & Stone */
@layer espresso {
  :root {
    --brand: #604d43;
    --brand-hover: #49372f;
    --footer-bg: #49372f;
    --footer-text: #ffffff;
    --footer-border: #49372f;
    --footer-link-hover: #f6dfc9;
    --footer-accent: var(--footer-link-hover);
    --heading: #2a2523;
    --text: #463c38;
    --text-muted: #726761;
    --page: #ffffff;
    --surface: #eee9e3;
    --surface-light: #faf8f5;
    --border: #d9cec5;
    --hero-start: #e8e0d8;
    --hero-middle: #f1ebe5;
    --hero-late: #fcfaf8;
    --hero-end: #ffffff;
    --header-top: 232, 224, 216;
    --header-contact-top: 249, 245, 241;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #f1ede8;
    --nav-active-bg: #e5dbd1;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Indigo & Pearl */
@layer indigo {
  :root {
    --brand: #514d85;
    --brand-hover: #3d396d;
    --footer-bg: #38345f;
    --footer-text: #ffffff;
    --footer-border: #38345f;
    --footer-link-hover: #e5e0ff;
    --footer-accent: var(--footer-link-hover);
    --heading: #25233b;
    --text: #3d3b55;
    --text-muted: #6c6a83;
    --page: #ffffff;
    --surface: #eeedf6;
    --surface-light: #faf9fd;
    --border: #dcd9ea;
    --hero-start: #e2e1ee;
    --hero-middle: #efedf7;
    --hero-late: #faf9fe;
    --hero-end: #ffffff;
    --header-top: 226, 225, 238;
    --header-contact-top: 247, 246, 252;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #efedf7;
    --nav-active-bg: #dfdcef;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Signal Orange & Ice Blue */
@layer signal_orange {
  :root {
    --brand: #c94b1d;
    --brand-hover: #9f3815;
    --footer-bg: #152d51;
    --footer-border: #152d51;
    --footer-text: #ffffff;
    --footer-link-hover: #ffe0c9;
    --footer-accent: #d2ddeb;
    --heading: #152d51;
    --text: #35465f;
    --text-muted: #61718a;
    --page: #ffffff;
    --surface: #e9f0fa;
    --surface-light: #f8faff;
    --border: #d2ddeb;
    --hero-start: #e5edf9;
    --hero-middle: #f0f5fc;
    --hero-late: #fafcff;
    --hero-end: #ffffff;
    --header-top: 229, 237, 249;
    --header-contact-top: 245, 249, 254;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #e0e8f4;
    --nav-active-bg: #d2deef;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Ultramarine & Porcelain */
@layer ultramarine {
  :root {
    --brand: #373b92;
    --brand-hover: #272a70;
    --footer-bg: #25295f;
    --footer-text: #ffffff;
    --footer-border: #25295f;
    --footer-link-hover: #e3e4ff;
    --footer-accent: var(--footer-link-hover);
    --heading: #171923;
    --text: #383b50;
    --text-muted: #676a7e;
    --page: #ffffff;
    --surface: #efeff6;
    --surface-light: #fafafd;
    --border: #d9d9e9;
    --hero-start: #e6e6ef;
    --hero-middle: #f0f0f8;
    --hero-late: #fbfbfe;
    --hero-end: #ffffff;
    --header-top: 230, 230, 239;
    --header-contact-top: 247, 247, 252;
    --header-scrolled: 255, 255, 255;
    --nav-hover-bg: #efeff8;
    --nav-active-bg: #e0e1f1;
    --panel-bg: var(--page);
    --panel-border: var(--border);
    --success-bg: var(--surface-light);
    --success-border: var(--border);
    --success-heading: var(--heading);
    --success-text: var(--text);
  }
}

/* Optional palettes. Signal Orange & Ice Blue is the baseline. The local
   style guide saves the selected publication default at the end of this
   file, while data-theme supports the browser's immediate preview. */
@layer theme_options {
  :root[data-theme="lavender"] {
    --brand: #573ba5; --brand-hover: #422983;
    --heading: #191e34; --text: #505871; --text-muted: #5f6680;
    --page: #ffffff; --surface: #f4f1fc; --surface-light: #f8f7fd;
    --border: #dcd6ee; --hero-start: #e8e0fb; --footer-bg: #111426;
    --header-top: 232, 224, 251; --palette-page-rgb: 255, 255, 255;
    --offer-button-bg: #cdbdff; --offer-button-hover: #e0d5ff; --offer-button-text: #21153e;
  }
  :root[data-theme="midnight-lavender"] {
    --brand: #cdbdff; --brand-hover: #e0d5ff;
    --heading: #fbfaff; --text: #f1eef9; --text-muted: #e4dff2;
    --page: #10121f; --surface: #1a1d30; --surface-light: #16182a;
    --border: #37394e; --hero-start: #111426; --footer-bg: #000000;
    --header-top: 17, 20, 38; --palette-page-rgb: 15, 17, 31;
    --page-background: linear-gradient(180deg, #111426 0%, #0a0b16 48%, #000000 100%);
    --section-page-bg: transparent; --section-tint-bg: #2c2e48;
    --hero-background: transparent;
    --footer-hover-accent: #e0d5ff;
    --wordmark-color: #f5f3fa; --wordmark-accent: #9baeff;
    --footer-email-color: #cdbdff; --footer-label-color: #9baeff;
    --footer-link-color: #e8e0f7; --footer-secondary: var(--text-muted);
    --offer-copy: var(--text); --offer-secondary: var(--text-muted);
    --hero-accent: #cdbdff; --hero-accent-hover: #e0d5ff; --hero-accent-text: #21153e;
    --hero-nav-hover: #ffffff18;
    --hero-frame-bg: #181a30; --hero-frame-border: #ffffff35;
    --offer-button-bg: #cdbdff; --offer-button-hover: #e0d5ff; --offer-button-text: #21153e;
  }
  :root[data-theme="signal-orange"] {
    --brand: #bd461b; --brand-hover: #943410;
    --heading: #243e62; --text: #39465a; --text-muted: #626c7a;
    --page: #ffffff; --surface: #edf3fa; --surface-light: #f6f9fd;
    --border: #c8d5e8; --hero-start: #dbe8f4; --footer-bg: #162b4f;
    --header-top: 219, 232, 244; --palette-page-rgb: 255, 255, 255;
  }
  :root[data-theme="cobalt-cream"] {
    --brand: #b84318; --brand-hover: #92310f;
    --heading: #233e68; --text: #39465a; --text-muted: #626c7a;
    --page: #fcfaf6; --surface: #e5eaf1; --surface-light: #f3f5f8;
    --border: #cad3df; --hero-start: #dce4ef; --footer-bg: #203858;
    --header-top: 220, 228, 239; --palette-page-rgb: 252, 250, 246;
  }
  :root[data-theme="ink-electric"] {
    --brand: #c04310; --brand-hover: #983109;
    --heading: #233e68; --text: #39465a; --text-muted: #626c7a;
    --page: #ffffff; --surface: #e6edf8; --surface-light: #f5f8fc;
    --border: #c8d5e8; --hero-start: #d6e3f5; --footer-bg: #142644;
    --header-top: 214, 227, 245; --palette-page-rgb: 255, 255, 255;
  }
  :root[data-theme="midnight-ember"] {
    --brand: #c34b22; --brand-hover: #9c3616;
    --heading: #111f35; --text: #344154; --text-muted: #616c7c;
    --page: #ffffff; --surface: #dde4ef; --surface-light: #f2f5fa;
    --border: #bdcadc; --hero-start: #c7d3e5; --footer-bg: #111f35;
    --header-top: 199, 211, 229; --palette-page-rgb: 255, 255, 255;
  }
  :root[data-theme="atlantic-copper"] {
    --brand: #b34c28; --brand-hover: #8d371b;
    --heading: #204c6a; --text: #354b5b; --text-muted: #60727e;
    --page: #ffffff; --surface: #d9e8f0; --surface-light: #f2f7fa;
    --border: #b8cedc; --hero-start: #c6dce9; --footer-bg: #193f59;
    --header-top: 198, 220, 233; --palette-page-rgb: 255, 255, 255;
  }
  :root[data-theme="navy-porcelain"] {
    --brand: #bd4d22; --brand-hover: #943817;
    --heading: #253c5c; --text: #3c4755; --text-muted: #67717d;
    --page: #fcfcfa; --surface: #edf0f4; --surface-light: #f7f8fa;
    --border: #d4dae2; --hero-start: #e4e9f0; --footer-bg: #253c5c;
    --header-top: 228, 233, 240; --palette-page-rgb: 252, 252, 250;
  }
  :root[data-theme="slate-rust"] {
    --brand: #aa452a; --brand-hover: #87331e;
    --heading: #344c65; --text: #424c57; --text-muted: #6a737c;
    --page: #faf9f7; --surface: #e1e5e8; --surface-light: #f2f4f5;
    --border: #c7cfd5; --hero-start: #d3dce3; --footer-bg: #2e4359;
    --header-top: 211, 220, 227; --palette-page-rgb: 250, 249, 247;
  }
  :root[data-theme] {
    --footer-text: #ffffff; --footer-border: var(--footer-bg);
    --footer-link-hover: var(--footer-hover-accent, var(--surface)); --footer-accent: var(--footer-link-hover);
    --hero-middle: color-mix(in srgb, var(--hero-start) 55%, var(--page));
    --hero-late: color-mix(in srgb, var(--hero-start) 15%, var(--page));
    --hero-end: var(--page);
    --header-contact-top: var(--header-top); --header-scrolled: var(--palette-page-rgb);
    --nav-hover-bg: var(--surface); --nav-active-bg: var(--border);
    --panel-bg: var(--page); --panel-border: var(--border);
    --success-bg: var(--surface-light); --success-border: var(--border);
    --success-heading: var(--heading); --success-text: var(--text);
  }
}

/* ===== SHARED TYPOGRAPHY, SHAPES & COMPATIBILITY ===== */

:root {
  --header-opacity: .88;
  --font-body: 'Geist Variable', Arial, sans-serif;
  --font-heading: 'Geist Variable', Arial, sans-serif;
  --button-radius: 7px;
  --card-radius: 10px;
  --max: 1120px;
  --mobile-section-space: 48px;
  --mobile-stack-gap: 24px;
  --footer-highlight: color-mix(in srgb, var(--brand) 50%, #ffffff);
  --footer-muted: color-mix(in srgb, var(--footer-text) 75%, var(--footer-bg));

  --accent: var(--brand);
  --ink: var(--heading);
  --body: var(--text);
  --muted: var(--text-muted);
  --white: var(--page);
  --wash: var(--surface);
  --line: var(--border);
  --warm: var(--hero-start);
}


/* Saved publication theme. Updated by the local style guide. */
:root:not([data-theme]) {
    --brand: #cdbdff; --brand-hover: #e0d5ff;
    --heading: #fbfaff; --text: #f1eef9; --text-muted: #e4dff2;
    --page: #10121f; --surface: #1a1d30; --surface-light: #16182a;
    --border: #37394e; --hero-start: #111426; --footer-bg: #000000;
    --header-top: 17, 20, 38; --palette-page-rgb: 15, 17, 31;
    --page-background: linear-gradient(180deg, #111426 0%, #0a0b16 48%, #000000 100%);
    --section-page-bg: transparent; --section-tint-bg: #2c2e48;
    --hero-background: transparent;
    --footer-hover-accent: #e0d5ff;
    --wordmark-color: #f5f3fa; --wordmark-accent: #9baeff;
    --footer-email-color: #cdbdff; --footer-label-color: #9baeff;
    --footer-link-color: #e8e0f7; --footer-secondary: var(--text-muted);
    --offer-copy: var(--text); --offer-secondary: var(--text-muted);
    --hero-accent: #cdbdff; --hero-accent-hover: #e0d5ff; --hero-accent-text: #21153e;
    --hero-nav-hover: #ffffff18;
    --hero-frame-bg: #181a30; --hero-frame-border: #ffffff35;
    --offer-button-bg: #cdbdff; --offer-button-hover: #e0d5ff; --offer-button-text: #21153e;
  
    --footer-text: #ffffff; --footer-border: var(--footer-bg);
    --footer-link-hover: var(--footer-hover-accent, var(--surface)); --footer-accent: var(--footer-link-hover);
    --hero-middle: color-mix(in srgb, var(--hero-start) 55%, var(--page));
    --hero-late: color-mix(in srgb, var(--hero-start) 15%, var(--page));
    --hero-end: var(--page);
    --header-contact-top: var(--header-top); --header-scrolled: var(--palette-page-rgb);
    --nav-hover-bg: var(--surface); --nav-active-bg: var(--border);
    --panel-bg: var(--page); --panel-border: var(--border);
    --success-bg: var(--surface-light); --success-border: var(--border);
    --success-heading: var(--heading); --success-text: var(--text);
  }

@font-face { font-family: 'Geist Variable'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/brand/geist-latin-wght-normal.woff2') format('woff2'); }