/* Exact marketing constants from the user-supplied specimen. */
:root {
  --lp-neutral-black: #010808;
  --lp-neutral-carbon: #161d1d;
  --lp-neutral-dark: #0f0f10;
  --lp-neutral-light: #fbfbfb;
  --lp-neutral-platine: #edeff3;
  --lp-neutral-seasalt: #f6f6f6;
  --lp-white: #ffffff;
  --lp-green: #72fd4e;
  --lp-green-dk: #0ced1e;
  --lp-green-lt: #9cfd00;
  --lp-green-st: #37ff8f;
  --lp-gradient-to: #00f537;
  --lp-logo-from: #72fd4e;
  --lp-logo-to: #aafe24;
  --lp-text-fade-on-dark: #ffffffba;
  --lp-text-fade-on-light: #0f0f10ba;
  --lp-border-on-dark: #ffffff0f;
  --lp-border-on-light: #0f0f100f;
  --lp-alpha-white-2: #ffffff05;
  --lp-alpha-white-4: #ffffff0a;
  --lp-alpha-white-8: #ffffff14;
  --lp-alpha-white-12: #ffffff1f;
  --lp-alpha-white-24: #ffffff3d;
  --lp-alpha-white-50: #ffffff80;
  --lp-alpha-dark-2: #0f0f1005;
  --lp-alpha-dark-4: #0f0f100a;
  --lp-alpha-dark-8: #0f0f1014;
  --lp-alpha-dark-12: #0f0f101f;
  --lp-alpha-dark-24: #0f0f103d;
  --lp-alpha-dark-50: #0f0f1080;
  --lp-system-red: #f34e52;
  --lp-system-green: #16a34a;
  --lp-system-green-100: #dcfce7;
  --lp-system-green-200: #bbf7d0;
  --lp-system-blue: #007aff;
  --lp-chart-green: #0ded1f;
  --lp-chart-blue: #3b82f6;
  --lp-chart-purple: #8b5df6;
  --lp-chart-orange: #f97316;
  --lp-tag-green: #03ac4c;
  --lp-tag-emerald: #047857;
  --lp-tag-indigo: #6366f1;
  --lp-focus: #4d65ff;
  --lp-sh-base:
    0 0 0 1px rgba(6, 86, 134, 0.04), 0 1px 1px -0.5px rgba(1, 34, 54, 0.04),
    0 3px 3px -1.5px rgba(1, 34, 54, 0.06),
    0 6px 8px -3px rgba(1, 34, 54, 0.01),
    0 6px 12px -6px rgba(6, 86, 134, 0.02),
    0 24px 24px -12px rgba(6, 86, 134, 0.04);
  --lp-sh-soft:
    0 0 0 1.141px rgba(6, 86, 134, 0.04),
    0 3.422px 3.422px -1.711px rgba(1, 34, 54, 0.06),
    0 6.844px 9.125px -3.422px rgba(1, 34, 54, 0.01),
    0 6.844px 13.687px -6.844px rgba(6, 86, 134, 0.02);
  --lp-sh-glass:
    0 1px 0 0 rgba(255, 255, 255, 0.04) inset,
    0 0 70px 0 rgba(255, 255, 255, 0.02) inset,
    0 0 12px 0 rgba(255, 255, 255, 0.04) inset;
  --lp-sh-glass-lt:
    0 0 100px 0 rgba(255, 255, 255, 0.04) inset,
    0 0 20px 0 rgba(255, 255, 255, 0.04) inset;
  --lp-sh-green:
    0 1px 0 0 rgba(255, 255, 255, 0.16) inset,
    0 0 8px 0 rgba(255, 255, 255, 0.44) inset,
    0 16px 32px 0 rgba(117, 255, 92, 0.08),
    0 8px 16px 0 rgba(117, 255, 92, 0.08), 0 4px 8px 0 rgba(117, 255, 92, 0.08),
    0 0 10px 0 rgba(117, 255, 92, 0.08), 0 0 50px 0 rgba(117, 255, 92, 0.12);
  --lp-sh-dark:
    0 0 0 1px rgba(0, 0, 0, 0.77), 0 41px 17px 0 rgba(0, 0, 0, 0.03),
    0 23px 14px 0 rgba(0, 0, 0, 0.1), 0 10px 10px 0 rgba(0, 0, 0, 0.17),
    0 3px 6px 0 rgba(0, 0, 0, 0.19),
    0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
  --lp-sh-hover:
    rgba(6, 86, 134, 0.01) 0px 64px 64px -32px,
    rgba(6, 86, 134, 0.02) 0px 32px 32px -16px,
    rgba(6, 86, 134, 0.04) 0px 16px 16px -8px,
    rgba(6, 86, 134, 0.04) 0px 12px 12px -6px,
    rgba(6, 86, 134, 0.04) 0px 6px 6px -3px,
    rgba(6, 86, 134, 0.04) 0px 3px 3px -1.5px,
    rgba(6, 86, 134, 0.06) 0px 1px 1px -0.5px,
    rgba(6, 86, 134, 0.04) 0px 0px 0px 1px;
}

/* Geometry contract from the supplied specimen; shared with its colour/shadow tokens. */
:root {
  --lp-radius-xl: 28px;
  --lp-radius-card: 16px;
  --lp-radius-logo: 5px;
  --lp-radius-input: 24px;
  --lp-max-width: 1200px;
  --lp-radius-pill: 99em;
  --lp-radius-video: 36px;
  --lp-radius-section: 32px;
  --lp-nav-height: 84px;
  --lp-radius-btn-sm: 14px;
  --lp-radius-btn: 18px;
  --lp-radius-navlink: 12px;
  --lp-radius-sm: 10px;
  --lp-radius-xs: 6px;
}