/* Сгенерировано engine/pagekit/tokens.py из engine/tokens/base.tokens.json и sites/dockto/tokens.json. Не править руками. */
@layer reset, tokens, base, layout, components, patterns, pages, utilities;
@layer tokens {
  :root{
    --font-size-xs:0.75rem;
    --font-size-sm:0.875rem;
    --font-size-md:1rem;
    --font-size-lg:1.25rem;
    --font-size-xl:1.5rem;
    --font-size-2xl:2rem;
    --font-size-3xl:3rem;
    --font-weight-regular:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-heavy:800;
    --text-scale:1;
    --text-line-height:1.55;
    --text-tracking:normal;
    --motion-enabled:1;
    --motion-duration-fast:150ms;
    --motion-duration-base:300ms;
    --motion-duration-draw:900ms;
    --motion-duration-focus:1200ms;
    --motion-stagger:60ms;
    --motion-easing-out:cubic-bezier(.2,.7,.2,1);
    --motion-easing-settle:cubic-bezier(.3,1.4,.5,1);
    --space-1:0.25rem;
    --space-2:0.5rem;
    --space-3:0.75rem;
    --space-4:1rem;
    --space-5:1.5rem;
    --space-6:2rem;
    --space-7:3rem;
    --space-8:4rem;
    --radius-sm:6px;
    --radius-md:10px;
    --radius-lg:16px;
    --radius-card:14px;
    --radius-button:999px;
    --radius-pill:999px;
    --z-base:1;
    --z-header:10;
    --z-overlay:20;
    --z-modal:30;
    --border-frame-width:2px;
    --shadow-hard:4px 4px 0 var(--frame);
    --shadow-hard-button:3px 3px 0 var(--frame);
    --shadow-color:#0f2a26;
    --shadow-sm:0 1px 2px color-mix(in srgb,#0f2a26 5%,transparent),0 3px 10px -4px color-mix(in srgb,#0f2a26 8%,transparent);
    --shadow-md:0 1px 0 color-mix(in srgb,#0f2a26 4%,transparent),0 10px 30px color-mix(in srgb,#0f2a26 7%,transparent);
    --shadow-lg:0 2px 4px color-mix(in srgb,#0f2a26 4%,transparent),0 34px 70px -28px color-mix(in srgb,#0f2a26 30%,transparent);
    --shadow-deep:0 24px 50px -30px color-mix(in srgb,#0f2a26 45%,transparent);
    --shadow-ambient:0 0 0 1px color-mix(in srgb,#0f2a26 12%,transparent),0 16px 40px -12px color-mix(in srgb,#0f2a26 25%,transparent);
    --shadow-inner-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-2) 90%,transparent);
    --alpha-text-88:color-mix(in srgb,var(--text) 88%,transparent);
    --alpha-text-84:color-mix(in srgb,var(--text) 84%,transparent);
    --alpha-text-80:color-mix(in srgb,var(--text) 80%,transparent);
    --alpha-text-78:color-mix(in srgb,var(--text) 78%,transparent);
    --alpha-text-75:color-mix(in srgb,var(--text) 75%,transparent);
    --alpha-text-72:color-mix(in srgb,var(--text) 72%,transparent);
    --alpha-text-70:color-mix(in srgb,var(--text) 70%,transparent);
    --alpha-text-60:color-mix(in srgb,var(--text) 60%,transparent);
    --alpha-text-55:color-mix(in srgb,var(--text) 55%,transparent);
    --alpha-text-50:color-mix(in srgb,var(--text) 50%,transparent);
    --alpha-line-10:color-mix(in srgb,var(--text) 10%,transparent);
    --alpha-line-12:color-mix(in srgb,var(--text) 12%,transparent);
    --alpha-line-18:color-mix(in srgb,var(--text) 18%,transparent);
    --alpha-line-22:color-mix(in srgb,var(--text) 22%,transparent);
    --alpha-line-25:color-mix(in srgb,var(--text) 25%,transparent);
    --alpha-line-30:color-mix(in srgb,var(--text) 30%,transparent);
    --alpha-line-35:color-mix(in srgb,var(--text) 35%,transparent);
    --alpha-line-40:color-mix(in srgb,var(--text) 40%,transparent);
    --alpha-surface-05:color-mix(in srgb,var(--surface-2) 5%,transparent);
    --alpha-surface-08:color-mix(in srgb,var(--surface-2) 8%,transparent);
    --alpha-surface-10:color-mix(in srgb,var(--surface-2) 10%,transparent);
    --alpha-surface-14:color-mix(in srgb,var(--surface-2) 14%,transparent);
    --alpha-surface-62:color-mix(in srgb,var(--surface-2) 62%,transparent);
    --alpha-surface-66:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --alpha-surface-70:color-mix(in srgb,var(--surface-2) 70%,transparent);
    --alpha-surface-85:color-mix(in srgb,var(--surface-2) 85%,transparent);
    --alpha-surface-90:color-mix(in srgb,var(--surface-2) 90%,transparent);
    --bg-primary:var(--surface);
    --bg-secondary:var(--surface-sunken);
    --bg-texture:none;
    --bg-glow:none;
    --surface-solid:var(--surface-2);
    --surface-floating:var(--surface-2);
    --surface-accent:var(--frame);
    --surface-accent-2:var(--accent-ink);
    --card-bg:var(--surface-2);
    --card-border:1px solid var(--border);
    --card-shadow:0 1px 0 color-mix(in srgb,#0f2a26 4%,transparent),0 10px 30px color-mix(in srgb,#0f2a26 7%,transparent);
    --card-radius:14px;
    --card-pad:1.5rem;
    --card-hover-bg:var(--frame);
    --card-hover-text:var(--surface-2);
    --card-hover-sub:color-mix(in srgb,var(--text) 80%,transparent);
    --btn-bg:var(--accent);
    --btn-text:var(--on-accent);
    --btn-hover-bg:var(--accent-hover);
    --btn-radius:999px;
    --btn-shadow:none;
    --btn-height:52px;
    --btn-pad-x:22px;
    --btn-on-accent-bg:var(--surface-2);
    --btn-on-accent-text:var(--frame);
    --head-bg:color-mix(in srgb,#f1f5f2 86%,transparent);
    --head-text:var(--text);
    --head-text-2:var(--text-muted);
    --head-border:1px solid var(--border);
    --head-blur:10px;
    --hero-bg:var(--surface);
    --hero-text:var(--text);
    --hero-text-2:var(--text-2);
    --hero-accent:var(--accent);
    --hero-iris-opacity:0;
    --hero-entry-bg:var(--surface-2);
    --hero-entry-border:1px solid var(--border);
    --hero-entry-shadow:0 1px 0 color-mix(in srgb,#0f2a26 4%,transparent),0 10px 30px color-mix(in srgb,#0f2a26 7%,transparent);
    --hero-btn-bg:var(--accent);
    --hero-btn-text:var(--on-accent);
    --hero-btn2-border:var(--border-strong);
    --hero-photo-glow:none;
    --photo-radius:16px;
    --photo-mask:none;
    --photo-filter:none;
    --photo-outline:0 solid transparent;
    --photo-outline-offset:0;
    --label-color:var(--accent-text);
    --label-tracking:.14em;
    --label-weight:600;
    --label-font:"Golos Text","Segoe UI",Arial,sans-serif;
    --heading-weight:600;
    --heading-tracking:-.01em;
    --heading-marker:none;
    --section-rule:0 solid transparent;
    --section-rule-pad:0;
    --link-color:var(--link);
    --link-hover:var(--accent-hover);
    --link-deco:none;
    --selection-bg:var(--accent-soft);
    --focus-ring:2px solid var(--focus);
    --focus-offset:3px;
    --foot-bg:var(--frame);
    --foot-text:color-mix(in srgb,var(--text) 80%,transparent);
    --foot-text-2:color-mix(in srgb,var(--text) 60%,transparent);
    --foot-link:color-mix(in srgb,var(--text) 75%,transparent);
    --glass-bg:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --glass-bg-fallback:var(--surface-2);
    --glass-border:1px solid color-mix(in srgb,var(--surface-2) 85%,transparent);
    --glass-blur:16px;
    --glass-blur-mobile:12px;
    --glass-saturate:1.4;
    --glass-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-2) 90%,transparent);
    --glass-text:var(--text);
    --glass-frame-gradient:linear-gradient(135deg,color-mix(in srgb,var(--text) 25%,transparent) 0%,transparent 35%,transparent 65%,color-mix(in srgb,var(--accent) 30%,transparent) 100%);
    --aurora-color-1:var(--accent);
    --aurora-color-2:var(--accent-ink);
    --aurora-color-3:var(--frame);
    --aurora-opacity:0.72;
    --aurora-blur:46px;
    --aurora-duration:22s;
    --shimmer-duration:3.4s;
    --shimmer-color:color-mix(in srgb,var(--text) 55%,transparent);
    --ray-duration:5s;
    --ray-color:color-mix(in srgb,var(--text) 22%,transparent);
    --pulse-duration:2s;
    --pulse-scale:1.16;
    --pulse-color:var(--accent);
    --pulse-glow:30px;
    --tilt-max-deg:13;
    --tilt-perspective:900px;
    --glare-color:var(--accent);
    --glare-size:220px;
    --glare-opacity:0.35;
    --depth-shift-1:16px;
    --depth-shift-2:9px;
    --depth-shift-3:4px;
    --sway-deg:2.4;
    --sway-duration:6s;
    --borderglow-color:var(--accent);
    --borderglow-width:2px;
    --borderglow-duration:3.2s;
    --orbit-color:var(--accent);
    --orbit-size:128px;
    --orbit-duration:10s;
    --magnetic-radius:80px;
    --magnetic-max-shift:8px;
    --spotlight-color:color-mix(in srgb,var(--text) 42%,transparent);
    --spotlight-size:420px;
    --parallax-shift:40px;
    --words-stagger:45ms;
    --underline-color:var(--link);
    --underline-duration:250ms;
    --gradienttext-color-1:var(--accent-ink);
    --gradienttext-color-2:var(--link);
    --gradienttext-color-3:var(--text);
    --gradienttext-duration:8s;
    --grain-opacity:0.14;
    --confetti-color-1:var(--accent);
    --confetti-color-2:var(--link);
    --confetti-color-3:var(--highlight);
    --confetti-duration:1.1s;
    --color-mist:#f1f5f2;
    --color-white:#ffffff;
    --color-ink:#0f2a26;
    --color-ink-2:#34504a;
    --color-slate:#5f7670;
    --color-line:#d8e3de;
    --color-line-2:#bccdc6;
    --color-em:#0b6b5f;
    --color-em-hover:#08564c;
    --color-em-deep:#063f38;
    --color-em-soft:#dcefe9;
    --color-em-tint:#e9f4f0;
    --color-apricot:#f6a764;
    --color-apricot-soft:#fde9d7;
    --color-apricot-ink:#4a2508;
    --color-red:#c21f36;
    --color-red-soft:#fbe6e9;
    --color-navy:#0d2a44;
    --color-navy-2:#12456a;
    --color-iris:#1f6f92;
    --color-iris-mist:#e3eef3;
    --color-cyan:#8fd8f5;
    --color-cyan-2:#b3e6fa;
    --color-sky-soft:#cfe3ef;
    --color-sky-mute:#9fc0d4;
    --color-sky-2:#b9d3e2;
    --color-mint-pale:#e8f4ef;
    --color-mint-soft:#cfe3dc;
    --color-mint-mute:#a9c7bd;
    --color-mint-dim:#8fb6aa;
    --color-mint-bright:#9fe0cf;
    --scale-1:#9cc9e0;
    --scale-2:#5dbb9f;
    --scale-3:#f2cf72;
    --scale-4:#f6a764;
    --scale-5:#e7815f;
    --scale-6:#d25a5a;
    --alpha-text-08:color-mix(in srgb,var(--text) 8%,transparent);
    --alpha-text-14:color-mix(in srgb,var(--text) 14%,transparent);
    --font-display:"Unbounded","Golos Text","Segoe UI",Arial,sans-serif;
    --font-body:"Golos Text","Segoe UI",Arial,sans-serif;
    --font-mono:"JetBrains Mono",Consolas,"Courier New",monospace;
    --motion-fx-focus:0;
    --motion-fx-marker:0;
    --motion-fx-note:0;
    --motion-fx-analogy:0;
    --motion-fx-count:0;
    --motion-fx-stamp:0;
    --motion-fx-progress:0;
    --motion-fx-toc:0;
    --motion-fx-pupil:0;
    --motion-fx-press:0;
    --motion-fx-cite:0;
    --motion-fx-glass:0;
    --motion-fx-aurora:0;
    --motion-fx-reveal:0;
    --motion-fx-pulse:0;
    --motion-fx-shimmer:0;
    --motion-fx-ray:0;
    --motion-fx-tilt:0;
    --motion-fx-glare:0;
    --motion-fx-depth:0;
    --motion-fx-sway:0;
    --motion-fx-borderglow:0;
    --motion-fx-orbit:0;
    --motion-fx-magnetic:0;
    --motion-fx-spotlight:0;
    --motion-fx-parallax:0;
    --motion-fx-words:0;
    --motion-fx-underline:0;
    --motion-fx-gradienttext:0;
    --motion-fx-grain:0;
    --motion-fx-confetti:0;
    --surface:#f1f5f2;
    --surface-2:#ffffff;
    --surface-sunken:#e9f4f0;
    --text:#0f2a26;
    --text-2:#34504a;
    --text-muted:#5f7670;
    --accent:#0b6b5f;
    --accent-hover:#08564c;
    --accent-soft:#dcefe9;
    --accent-ink:#063f38;
    --accent-text:#0b6b5f;
    --on-accent:#ffffff;
    --border:#d8e3de;
    --border-strong:#bccdc6;
    --focus:#f6a764;
    --danger:#c21f36;
    --link:#0b6b5f;
    --highlight:#fde9d7;
    --frame:#0f2a26;
    --note:#4a2508;
    --urgent:#c21f36;
    --urgent-surface:#fbe6e9;
    --color-scheme:light;
  }
  :root[data-theme="dark"]{
    --surface:#0e1a17;
    --surface-2:#15251f;
    --surface-sunken:#0a1411;
    --text:#e4efea;
    --text-2:#bfd0c9;
    --text-muted:#93a9a1;
    --accent:#4fb9a5;
    --accent-hover:#6fcbb9;
    --accent-soft:#163a33;
    --accent-ink:#b7e8dd;
    --accent-text:#6fcbb9;
    --on-accent:#06201b;
    --border:#253a33;
    --border-strong:#38524a;
    --focus:#f6a764;
    --danger:#ff8a95;
    --link:#6fcbb9;
    --highlight:#5a3a1a;
    --frame:#c9dcd4;
    --note:#f6a764;
    --urgent:#ff7b86;
    --urgent-surface:#3a1a20;
    --color-scheme:dark;
  }
  :root[data-theme="low-vision"]{
    --surface:#ffffff;
    --surface-2:#ffffff;
    --surface-sunken:#eeeeee;
    --text:#000000;
    --text-2:#000000;
    --text-muted:#333333;
    --accent:#00483f;
    --accent-hover:#002c27;
    --accent-soft:#e0f2ee;
    --accent-ink:#00332d;
    --accent-text:#00483f;
    --on-accent:#ffffff;
    --border:#000000;
    --border-strong:#000000;
    --focus:#b30000;
    --danger:#8a0000;
    --link:#0000a0;
    --highlight:#ffff00;
    --frame:#000000;
    --note:#6b0f3a;
    --urgent:#8a0000;
    --urgent-surface:#fff0f0;
    --text-scale:1.25;
    --text-line-height:1.75;
    --text-tracking:0.03em;
    --motion-enabled:0;
    --motion-duration-fast:0ms;
    --motion-duration-base:0ms;
    --motion-duration-draw:0ms;
    --motion-duration-focus:0ms;
    --color-scheme:light;
  }
  @media (prefers-reduced-motion:reduce){
    :root{
      --motion-enabled:0;
      --motion-duration-fast:0ms;
      --motion-duration-base:0ms;
      --motion-duration-draw:0ms;
      --motion-duration-focus:0ms;
    }
  }
  [data-scope]{
    background-color:var(--surface);
    color:var(--text);
    --shadow-hard:4px 4px 0 var(--frame);
    --shadow-hard-button:3px 3px 0 var(--frame);
    --shadow-inner-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-2) 90%,transparent);
    --alpha-text-88:color-mix(in srgb,var(--text) 88%,transparent);
    --alpha-text-84:color-mix(in srgb,var(--text) 84%,transparent);
    --alpha-text-80:color-mix(in srgb,var(--text) 80%,transparent);
    --alpha-text-78:color-mix(in srgb,var(--text) 78%,transparent);
    --alpha-text-75:color-mix(in srgb,var(--text) 75%,transparent);
    --alpha-text-72:color-mix(in srgb,var(--text) 72%,transparent);
    --alpha-text-70:color-mix(in srgb,var(--text) 70%,transparent);
    --alpha-text-60:color-mix(in srgb,var(--text) 60%,transparent);
    --alpha-text-55:color-mix(in srgb,var(--text) 55%,transparent);
    --alpha-text-50:color-mix(in srgb,var(--text) 50%,transparent);
    --alpha-line-10:color-mix(in srgb,var(--text) 10%,transparent);
    --alpha-line-12:color-mix(in srgb,var(--text) 12%,transparent);
    --alpha-line-18:color-mix(in srgb,var(--text) 18%,transparent);
    --alpha-line-22:color-mix(in srgb,var(--text) 22%,transparent);
    --alpha-line-25:color-mix(in srgb,var(--text) 25%,transparent);
    --alpha-line-30:color-mix(in srgb,var(--text) 30%,transparent);
    --alpha-line-35:color-mix(in srgb,var(--text) 35%,transparent);
    --alpha-line-40:color-mix(in srgb,var(--text) 40%,transparent);
    --alpha-surface-05:color-mix(in srgb,var(--surface-2) 5%,transparent);
    --alpha-surface-08:color-mix(in srgb,var(--surface-2) 8%,transparent);
    --alpha-surface-10:color-mix(in srgb,var(--surface-2) 10%,transparent);
    --alpha-surface-14:color-mix(in srgb,var(--surface-2) 14%,transparent);
    --alpha-surface-62:color-mix(in srgb,var(--surface-2) 62%,transparent);
    --alpha-surface-66:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --alpha-surface-70:color-mix(in srgb,var(--surface-2) 70%,transparent);
    --alpha-surface-85:color-mix(in srgb,var(--surface-2) 85%,transparent);
    --alpha-surface-90:color-mix(in srgb,var(--surface-2) 90%,transparent);
    --bg-primary:var(--surface);
    --bg-secondary:var(--surface-sunken);
    --surface-solid:var(--surface-2);
    --surface-floating:var(--surface-2);
    --surface-accent:var(--frame);
    --surface-accent-2:var(--accent-ink);
    --card-bg:var(--surface-2);
    --card-border:1px solid var(--border);
    --card-hover-bg:var(--frame);
    --card-hover-text:var(--surface-2);
    --card-hover-sub:color-mix(in srgb,var(--text) 80%,transparent);
    --btn-bg:var(--accent);
    --btn-text:var(--on-accent);
    --btn-hover-bg:var(--accent-hover);
    --btn-on-accent-bg:var(--surface-2);
    --btn-on-accent-text:var(--frame);
    --head-text:var(--text);
    --head-text-2:var(--text-muted);
    --head-border:1px solid var(--border);
    --hero-bg:var(--surface);
    --hero-text:var(--text);
    --hero-text-2:var(--text-2);
    --hero-accent:var(--accent);
    --hero-entry-bg:var(--surface-2);
    --hero-entry-border:1px solid var(--border);
    --hero-btn-bg:var(--accent);
    --hero-btn-text:var(--on-accent);
    --hero-btn2-border:var(--border-strong);
    --label-color:var(--accent-text);
    --link-color:var(--link);
    --link-hover:var(--accent-hover);
    --selection-bg:var(--accent-soft);
    --focus-ring:2px solid var(--focus);
    --foot-bg:var(--frame);
    --foot-text:color-mix(in srgb,var(--text) 80%,transparent);
    --foot-text-2:color-mix(in srgb,var(--text) 60%,transparent);
    --foot-link:color-mix(in srgb,var(--text) 75%,transparent);
    --glass-bg:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --glass-bg-fallback:var(--surface-2);
    --glass-border:1px solid color-mix(in srgb,var(--surface-2) 85%,transparent);
    --glass-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-2) 90%,transparent);
    --glass-text:var(--text);
    --glass-frame-gradient:linear-gradient(135deg,color-mix(in srgb,var(--text) 25%,transparent) 0%,transparent 35%,transparent 65%,color-mix(in srgb,var(--accent) 30%,transparent) 100%);
    --aurora-color-1:var(--accent);
    --aurora-color-2:var(--accent-ink);
    --aurora-color-3:var(--frame);
    --shimmer-color:color-mix(in srgb,var(--text) 55%,transparent);
    --ray-color:color-mix(in srgb,var(--text) 22%,transparent);
    --pulse-color:var(--accent);
    --glare-color:var(--accent);
    --borderglow-color:var(--accent);
    --orbit-color:var(--accent);
    --spotlight-color:color-mix(in srgb,var(--text) 42%,transparent);
    --underline-color:var(--link);
    --gradienttext-color-1:var(--accent-ink);
    --gradienttext-color-2:var(--link);
    --gradienttext-color-3:var(--text);
    --confetti-color-1:var(--accent);
    --confetti-color-2:var(--link);
    --confetti-color-3:var(--highlight);
    --alpha-text-08:color-mix(in srgb,var(--text) 8%,transparent);
    --alpha-text-14:color-mix(in srgb,var(--text) 14%,transparent);
  }
  [data-scope="inverse"]{
    --surface:#063f38;
    --surface-2:#0b6b5f;
    --surface-sunken:#042a25;
    --text:#e8f4ef;
    --text-2:#cfe3dc;
    --text-muted:#8fb6aa;
    --accent:#9fe0cf;
    --accent-hover:#f8b87e;
    --accent-soft:#4a2508;
    --accent-ink:#ffd9b0;
    --accent-text:#f6a764;
    --on-accent:#063f38;
    --border:#08564c;
    --border-strong:#0b6b5f;
    --focus:#f6a764;
    --danger:#ff8a95;
    --link:#f6a764;
    --highlight:#5a3a1a;
    --frame:#e8f4ef;
    --note:#f6a764;
    --urgent:#ff7b86;
    --urgent-surface:#3a1a20;
  }
  :root[data-theme="dark"] [data-scope="inverse"]{
    --surface:#042e29;
    --surface-2:#063f38;
    --surface-sunken:#021c19;
    --text:#e8f4ef;
    --text-2:#cfe3dc;
    --text-muted:#a9c7bd;
    --accent:#f6a764;
    --accent-hover:#f8b87e;
    --accent-soft:#4a2508;
    --accent-ink:#ffd9b0;
    --accent-text:#f6a764;
    --on-accent:#021c19;
    --border:#08564c;
    --border-strong:#0b6b5f;
    --focus:#f6a764;
    --danger:#ff8a95;
    --link:#f6a764;
    --highlight:#5a3a1a;
    --frame:#e8f4ef;
    --note:#f6a764;
    --urgent:#ff7b86;
    --urgent-surface:#3a1a20;
  }
  :root[data-theme="low-vision"] [data-scope="inverse"]{
    --surface:#000000;
    --surface-2:#000000;
    --surface-sunken:#000000;
    --text:#ffffff;
    --text-2:#ffffff;
    --text-muted:#d9d9d9;
    --accent:#ffd400;
    --accent-hover:#fff066;
    --accent-soft:#1a1a1a;
    --accent-ink:#ffe680;
    --accent-text:#ffd400;
    --on-accent:#000000;
    --border:#ffffff;
    --border-strong:#ffffff;
    --focus:#ffd400;
    --danger:#ff9aa2;
    --link:#7fd0ff;
    --highlight:#333300;
    --frame:#ffffff;
    --note:#ffd400;
    --urgent:#ff9aa2;
    --urgent-surface:#330000;
  }
  [data-scope="eye"]{
    --surface:#0d2a44;
    --surface-2:#12456a;
    --surface-sunken:#0a1f35;
    --text:#ffffff;
    --text-2:#cfe3ef;
    --text-muted:#9fc0d4;
    --accent:#8fd8f5;
    --accent-hover:#b3e6fa;
    --accent-soft:#1a4d66;
    --accent-ink:#ffffff;
    --accent-text:#ffffff;
    --on-accent:#0d2a44;
    --border:#4d7999;
    --border-strong:#6699cc;
    --focus:#8fd8f5;
    --highlight:#192d45;
    --note:#ffffff;
    --link:#b3e6fa;
  }
  :root[data-theme="dark"] [data-scope="eye"]{
    --surface:#0a1f35;
    --surface-2:#1a3d52;
    --surface-sunken:#000814;
    --text:#ffffff;
    --text-2:#a8d6f0;
    --text-muted:#7ba8c8;
    --accent:#6fcff5;
    --accent-hover:#8fd8f5;
    --accent-soft:#1a4d66;
    --accent-ink:#ffffff;
    --accent-text:#ffffff;
    --on-accent:#000000;
    --border:#4d7999;
    --border-strong:#6699cc;
    --focus:#6fcff5;
    --highlight:#192d45;
    --note:#ffffff;
    --link:#8fd8f5;
  }
  :root[data-theme="low-vision"] [data-scope="eye"]{
    --surface:#000080;
    --surface-2:#000080;
    --surface-sunken:#000000;
    --text:#ffff00;
    --text-2:#ffff00;
    --text-muted:#ffff00;
    --accent:#ffff00;
    --accent-hover:#ffff66;
    --accent-soft:#1a1a1a;
    --accent-ink:#ffff00;
    --accent-text:#ffff00;
    --on-accent:#000000;
    --border:#ffffff;
    --border-strong:#ffffff;
    --focus:#ffff00;
    --highlight:#1a1a1a;
    --note:#ffff00;
    --link:#ffff00;
  }
}
:root[data-theme="low-vision"] a{text-decoration:underline}
:root[data-theme="low-vision"] *,:root[data-theme="low-vision"] *::before,:root[data-theme="low-vision"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}