/*
 * OGuard brand source of truth.
 *
 * Change the four color values below to rebrand every Next.js and static
 * surface. Component-level CSS must consume semantic aliases instead of
 * copying these hex values.
 */
:root {
  --brand-color-black: #090909;
  --brand-color-white: #e6e6e6;
  --brand-color-green: #d1ff31;
  --brand-color-grey: #151515;

  /* These loader variables are supplied by next/font in the app. Static
     pages fall back to the same Google Font family names. */
  --brand-font-header: var(--font-zalando-expanded, "Zalando Sans Expanded"),
    "Arial Black", sans-serif;
  --brand-font-body: var(--font-montserrat-loaded, "Montserrat"), Arial,
    sans-serif;
  --brand-font-tag: var(--font-jetbrains-mono-loaded, "JetBrains Mono"),
    Consolas, monospace;

  /* Derived brand colors remain connected to --brand-color-green, so there
     is no second lime value to update during a future rebrand. */
  --brand-color-green-dim: color-mix(
    in oklab,
    var(--brand-color-green) 76%,
    var(--brand-color-black)
  );
  --brand-color-green-deep: color-mix(
    in oklab,
    var(--brand-color-green) 48%,
    var(--brand-color-black)
  );
  --brand-color-green-on-light: color-mix(
    in oklab,
    var(--brand-color-green) 44%,
    var(--brand-color-black)
  );
  --brand-color-on-green: var(--brand-color-black);
}