/* Public website semantic colors. Raw media, QR codes and native App screens keep their own colors. */
:root {
  --website-bg: #FFFFFF;
  --website-bg-subtle: #F5F8FC;
  --website-surface: #FFFFFF;
  --website-surface-hover: #EFF6FF;
  --website-text: #111827;
  --website-text-muted: #526176;
  --website-border: #DFE7F1;
  --website-control-border: #64748B;
  --website-link: #1D4ED8;
  --website-accent: #2563EB;
  --website-primary: #2563EB;
  --website-primary-hover: #1D4ED8;
  --website-on-primary: #FFFFFF;
  --website-focus: #2563EB;
  --website-info-bg: #EFF6FF;
  --website-success: #15803D;
  --website-success-bg: #DCFCE7;
  --website-warning: #854D0E;
  --website-warning-bg: #FEF9C3;
  --website-error: #B91C1C;
  --website-error-bg: #FEF2F2;
  --website-purple: #6D28D9;
  --website-purple-bg: #F5F3FF;
  --website-purple-button: #7C3AED;
  --website-purple-hover: #6D28D9;
  --website-code-bg: #111827;
  --website-code-text: #86EFAC;
  --website-hero-start: #F8FBFF;
  --website-hero-end: #EFF6FF;
  --website-gradient-start: #1559B8;
  --website-gradient-mid: #4378D4;
  --website-gradient-end: #8056B4;
  --website-glow: #D9E9FC;
  --website-glow-soft: #DCEAFFB8;
  --website-footer-bg: #111827;
  --website-footer-text: #E2E8F0;
  --website-footer-muted: #A8B4C6;
  --website-overlay: #0F172A80;
  --website-shadow: #0F172A26;
  --website-shadow-strong: #0F172A33;
  --website-image-border: #0F172A14;
}
:root[data-theme="dark"] {
  --website-bg: #0F1724;
  --website-bg-subtle: #121D2C;
  --website-surface: #172233;
  --website-surface-hover: #20314A;
  --website-text: #E8EEF7;
  --website-text-muted: #A8B5C7;
  --website-border: #314158;
  --website-control-border: #64748B;
  --website-link: #8AB4FF;
  --website-accent: #8AB4FF;
  --website-primary: #2563EB;
  --website-primary-hover: #1D4ED8;
  --website-on-primary: #FFFFFF;
  --website-focus: #8AB4FF;
  --website-info-bg: #20314A;
  --website-success: #86EFAC;
  --website-success-bg: #153829;
  --website-warning: #FDE68A;
  --website-warning-bg: #3D3219;
  --website-error: #FCA5A5;
  --website-error-bg: #412329;
  --website-purple: #C4B5FD;
  --website-purple-bg: #2B2544;
  --website-purple-button: #7C3AED;
  --website-purple-hover: #6D28D9;
  --website-code-bg: #0A111D;
  --website-code-text: #86EFAC;
  --website-hero-start: #121E30;
  --website-hero-end: #182943;
  --website-gradient-start: #8AB4FF;
  --website-gradient-mid: #A6C4FF;
  --website-gradient-end: #C4B5FD;
  --website-glow: #24466B;
  --website-glow-soft: #24466B80;
  --website-footer-bg: #0A111D;
  --website-footer-text: #E2E8F0;
  --website-footer-muted: #A8B4C6;
  --website-overlay: #020617B3;
  --website-shadow: #00000040;
  --website-shadow-strong: #00000066;
  --website-image-border: #FFFFFF26;
}
:root { color-scheme: light; background: var(--website-bg); }
:root[data-theme="dark"] { color-scheme: dark; }

.website-surface { background-color: var(--website-surface); }
.website-subtle { background-color: var(--website-bg-subtle); }
.website-info-surface { background-color: var(--website-info-bg); }
.website-text { color: var(--website-text); }
.website-muted { color: var(--website-text-muted); }
.website-accent { color: var(--website-link); }
.website-border { border-color: var(--website-border); }
.website-control-border { border-color: var(--website-control-border); }
.website-success { color: var(--website-success); }
.website-success-surface { background-color: var(--website-success-bg); }
.website-warning { color: var(--website-warning); }
.website-warning-surface { background-color: var(--website-warning-bg); }
.website-error { color: var(--website-error); }
.website-purple { color: var(--website-purple); }
.website-purple-surface { background-color: var(--website-purple-bg); }
.website-code .website-muted { color: #A8B5C7; }
.website-code-text { color: var(--website-code-text); }
.website-code { background: var(--website-code-bg); color: var(--website-code-text); }
.website-primary { background: var(--website-primary); color: var(--website-on-primary); }
.website-primary:hover { background: var(--website-primary-hover); }
.website-purple-button { background: var(--website-purple-button); color: var(--website-on-primary); }
.website-purple-button:hover { background: var(--website-purple-hover); }
.website-accent-hover:hover { color: var(--website-link); }
.website-error-hover:hover { color: var(--website-error); text-decoration: underline; }
.website-surface-hover:hover { background-color: var(--website-surface-hover); }
.website-overlay { background: var(--website-overlay); }
.website-integration { background: linear-gradient(120deg,var(--website-info-bg),var(--website-bg-subtle)); }
.website-beta { background: var(--website-warning-bg); color: var(--website-warning); }
.website-legal .text-gray-600 { color: var(--website-text-muted); }
.website-field { color: var(--website-text); border-color: var(--website-control-border); }
#mainHeader,#mobileMenu { background: var(--website-surface); color: var(--website-text); }
#mainHeader { box-shadow: 0 1px 4px var(--website-shadow); }
#mobileMenuButton { min-width: 44px; min-height: 44px; }
.website-theme-control { position: relative; margin-right: 8px; flex-shrink: 0; }
.website-theme-control [hidden],.website-theme-control[hidden] { display: none; }
#website-theme-button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 12px; border: 0; border-radius: 50%; background: transparent; color: var(--website-text-muted); cursor: pointer; transition: color 150ms ease; }
#website-theme-button svg { width: 16px; height: 16px; }
#website-theme-button:hover { color: var(--website-link); }
#website-theme-button:focus-visible,#website-main :is(a,button,summary,input,textarea):focus-visible { outline: 3px solid var(--website-focus); outline-offset: 3px; }
.home-screen-image { color-scheme: light; --website-focus: #2563EB; }
/* Keep inherited text and non-interpolated gradients on the same paint. */
.website-theme-changing,.website-theme-changing *,.website-theme-changing *::before,.website-theme-changing *::after { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .website-theme-changing *,#website-theme-button { transition: none !important; } .error-status { animation: none !important; } }
@media (forced-colors: active) { #website-theme-button { color: ButtonText; } }
@media print {
:root,:root[data-theme="dark"],:root:not([data-theme]) {
  --website-bg: #FFFFFF;
  --website-bg-subtle: #F5F8FC;
  --website-surface: #FFFFFF;
  --website-surface-hover: #EFF6FF;
  --website-text: #111827;
  --website-text-muted: #526176;
  --website-border: #DFE7F1;
  --website-control-border: #64748B;
  --website-link: #1D4ED8;
  --website-accent: #2563EB;
  --website-primary: #2563EB;
  --website-primary-hover: #1D4ED8;
  --website-on-primary: #FFFFFF;
  --website-focus: #2563EB;
  --website-info-bg: #EFF6FF;
  --website-success: #15803D;
  --website-success-bg: #DCFCE7;
  --website-warning: #854D0E;
  --website-warning-bg: #FEF9C3;
  --website-error: #B91C1C;
  --website-error-bg: #FEF2F2;
  --website-purple: #6D28D9;
  --website-purple-bg: #F5F3FF;
  --website-purple-button: #7C3AED;
  --website-purple-hover: #6D28D9;
  --website-code-bg: #111827;
  --website-code-text: #86EFAC;
  --website-hero-start: #F8FBFF;
  --website-hero-end: #EFF6FF;
  --website-gradient-start: #1559B8;
  --website-gradient-mid: #4378D4;
  --website-gradient-end: #8056B4;
  --website-glow: #D9E9FC;
  --website-glow-soft: #DCEAFFB8;
  --website-footer-bg: #111827;
  --website-footer-text: #E2E8F0;
  --website-footer-muted: #A8B4C6;
  --website-overlay: #0F172A80;
  --website-shadow: #0F172A26;
  --website-shadow-strong: #0F172A33;
  --website-image-border: #0F172A14;
}

  :root { color-scheme: light !important; }
  #mainHeader,.website-footer,.website-skip-link,.website-feedback,.website-theme-control { display: none !important; }
  #website-main { padding-top: 0; }
  body,#website-main,#website-main section,#website-main article { background: white !important; color: #111827 !important; box-shadow: none !important; }
  #website-main .home-gradient { background: none; color: #111827; -webkit-text-fill-color: #111827; }
  #website-main .website-code,#website-main .website-code * { background: white !important; color: #111827 !important; }
}