/*
  WTW SDS design tokens — self-hosted, local-only subset.
  Values transcribed from gs-eas-member-extranet (develop @ 95c958ff5ca72934671bf947a829cf15b7a282de),
  src/assets/css/1-settings/_settings-color.css, _settings-font.css, _settings-sizing.css.
  See /THIRD-PARTY-NOTICES.md for full provenance. No CSS files were copied, only values.
  This file is loaded by the admin host page (Pages/Admin.cshtml) and by the static launch
  homepage (Components/PublicSite/StaticHome.razor); it has no effect on the CMS public layout.
*/

@font-face {
  font-family: "Inter Variable";
  src: url("/fonts/inter/InterVariable.woff2") format("woff2-variations"), url("/fonts/inter/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: fallback;
}

/* Playfair Display (OFL 1.1, @fontsource-variable/playfair-display 5.2.8, latin subset) for SDS serif headings. */
@font-face {
  font-family: "Playfair Display Variable";
  src: url("/fonts/playfair-display/PlayfairDisplay-latin-wght-normal.woff2") format("woff2-variations"), url("/fonts/playfair-display/PlayfairDisplay-latin-wght-normal.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Text */
  --wtw-sds-color-base-825: #22252a;
  --wtw-sds-color-base-600: #585d66;
  --wtw-sds-color-base-550: #656a73;

  /* Borders / dividers */
  --wtw-sds-color-base-125: #e2e5e9;
  --wtw-sds-color-base-200: #c7ccd2;
  --wtw-sds-color-base-275: #b2b8bf;
  --wtw-sds-color-base-450: #7e848e;

  /* Surfaces */
  --wtw-sds-color-base-25: #f7f8fa;
  --wtw-sds-color-base-50: #f2f3f6;
  --wtw-sds-body-color-background: #ffffff;

  /* Selected navigation (brand/ultraviolet) */
  --wtw-brand-color-ultraviolet-50: #f9f2fe;
  --wtw-brand-color-ultraviolet-100: #f3e6fd;
  --wtw-brand-color-ultraviolet-600: #7f35b2;
  --wtw-brand-color-ultraviolet-750: #521380;
  --wtw-brand-color-ultraviolet-825: #3b0462;

  /* Action blue (stratosphere) */
  --wtw-sds-color-ui-125: #cfe4ff;
  --wtw-sds-color-ui-550: #0d63de;
  --wtw-sds-color-ui-600: #0a57c5;
  --wtw-sds-color-ui-700: #043e8e;

  /* Create / success */
  --wtw-brand-color-success-550: #03785d;
  --wtw-brand-color-success-600: #0b6951;
  --wtw-brand-color-success-700: #0b4b39;

  /* Notification type badge pairs (border/text + background) */
  --wtw-sds-color-error-50: #fff0f0;
  --wtw-sds-color-error-600: #b2242e;
  --wtw-sds-color-stratosphere-50: #ecf5ff;
  --wtw-sds-color-stratosphere-600: #0a57c5;
  --wtw-sds-color-submarine-50: #fff3d9;
  --wtw-sds-color-submarine-600: #845200;

  /* Typography */
  --wtw-sds-font-family-sans-serif: "Inter Variable", Inter, Arial, Helvetica, sans-serif;
  --wtw-sds-font-weight-regular: 400;
  --wtw-sds-font-weight-medium: 500;
  --wtw-sds-font-weight-semibold: 600;
  --wtw-sds-font-weight-bold: 700;

  --wtw-sds-font-size-xs: 0.8889rem;
  --wtw-sds-font-size-sm: 1rem;
  --wtw-sds-font-size-md: 1.125rem;
  --wtw-sds-font-size-lg: 1.2656rem;
  --wtw-sds-font-size-xl: 1.4238rem;
  --wtw-sds-font-size-2xl: 1.6018rem;
  --wtw-sds-font-size-3xl: 1.802rem;
  --wtw-sds-font-size-4xl: 2.0273rem;
  --wtw-sds-font-size-5xl: 2.2807rem;
  --wtw-sds-font-family-serif: "Playfair Display Variable", "Playfair Display", ui-serif, "Noto Serif", "Liberation Serif", georgia, cambria, "Times New Roman", times, serif;

  --wtw-sds-line-height-min: 1.125;
  --wtw-sds-line-height-mid: 1.2656;
  --wtw-sds-line-height-max: 1.4238;

  /* Font line-height aliases (names used by WTW component CSS) */
  --wtw-sds-font-line-height-min: var(--wtw-sds-line-height-min);
  --wtw-sds-font-line-height-mid: var(--wtw-sds-line-height-mid);
  --wtw-sds-font-line-height-max: var(--wtw-sds-line-height-max);

  /* Brand color aliases (names used by WTW component CSS) */
  --wtw-brand-color-stratosphere-600: var(--wtw-sds-color-ui-600);
  --wtw-brand-color-stratosphere-700: var(--wtw-sds-color-ui-700);

  /* Size scale (unitless multipliers) and em-derived sizes */
  --wtw-sds-size-1-4: 0.25;
  --wtw-sds-size-2-4: 0.5;
  --wtw-sds-size-4-4: 1;
  --wtw-sds-size-6-4: 1.5;
  --wtw-sds-size-16-4: 4;
  --wtw-sds-size-em-1-4: calc(var(--wtw-sds-size-1-4) * 1em);
  --wtw-sds-size-em-2-4: calc(var(--wtw-sds-size-2-4) * 1em);
  --wtw-sds-size-em-4-4: calc(var(--wtw-sds-size-4-4) * 1em);
  --wtw-sds-size-em-6-4: calc(var(--wtw-sds-size-6-4) * 1em);

  /* Spacing */
  --wtw-sds-spacing-01: calc(var(--wtw-sds-size-1-4) * 1rem);
  --wtw-sds-spacing-02: calc(var(--wtw-sds-size-2-4) * 1rem);
  --wtw-sds-spacing-06: calc(var(--wtw-sds-size-6-4) * 1rem);
  --wtw-sds-spacing-16: calc(var(--wtw-sds-size-16-4) * 1rem);

  /* Radius */
  --wtw-sds-size-border-radius-subtle: var(--wtw-sds-spacing-01);
  --wtw-sds-size-border-radius-regular: var(--wtw-sds-spacing-02);

  /* Shadow */
  --wtw-sds-box-shadow-color: hsl(0deg 0% 0% / 20%);
  --wtw-sds-box-shadow-100: 0 0.125rem 0.5rem var(--wtw-sds-box-shadow-color);

  /* Focus */
  --wtw-sds-focus-outline-width: 2px;
  --wtw-sds-focus-outline-color: var(--wtw-sds-color-ui-550);
}
