/* Canonical UI values. Scene materials and drawing colours live with their scenes. */
:root {
  color-scheme:dark;
  --ink:#070710;
  --paper:#f0ede7;
  --muted:#b0b3c3;
  --accent:#d3ff5b;
  --line:#343744;
  --ui-surface:#10121b;
  --field-border:#6c6e7b;
  --field-error:var(--paper);
  --feedback-success:var(--accent);
  --feedback-error:var(--paper);
  --font-family:Orbital,Arial,sans-serif;
  --type-body:15px;
  --type-caption:13px;
  --type-label:14px;
  --type-control:14px;
  --type-input:16px;
  --leading-body:1.7;
  --leading-control:1.5;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --ui-radius:6px;
  --panel-radius:12px;
  --pill-radius:999px;
  --ui-control-height:48px;
  --ui-compact-height:44px;
  --ui-editor-height:52px;
  --icon-sm:18px;
  --icon-md:20px;
  --icon-lg:24px;
  --icon-stroke:1.5;
  --focus-width:2px;
  --focus-offset:4px;
  --disabled-opacity:.55;
  --motion-press:160ms;
  --motion-hover:180ms;
  --motion-navigation:220ms;
  --motion-dialog:250ms;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --page-padding:clamp(24px,5.2vw,88px);
  --navigation-height:100px;
}
html[lang="uk"] { --font-family:Orbital,"Segoe UI",sans-serif; }
html[lang="ko"] { --font-family:Orbital,"Malgun Gothic","Apple SD Gothic Neo",sans-serif; }
@media(max-width:1439px) { :root { --navigation-height:88px; } }
@media(max-width:760px) { :root { --page-padding:24px; } }