/* Memorata Technical Paper. Shared by every product view; see BRAND GUIDELINES.md. */
@font-face {
  font-family: Manrope;
  src: url(./vendor/manrope.ttf) format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: light;
  --sand: #ece4d6;
  --chalk: #f8f5ed;
  --paper: var(--chalk);
  --ink: #171c22;
  --graphite: #24292b;
  /* Dark UI surfaces use Graphite; Ink remains the text and line-art color. */
  --surface-dark: var(--graphite);
  --on-dark: var(--chalk);
  --sidebar-muted: #acb5b7;
  --sidebar-accent: #b0c5d0;
  --sidebar-selected: #34454d;
  --sidebar-hover: color-mix(in srgb, var(--on-dark) 5%, transparent);
  --sidebar-line: color-mix(in srgb, var(--on-dark) 10%, transparent);
  --sidebar-field: color-mix(in srgb, var(--surface-dark) 85%, transparent);
  --sidebar-danger: #efaa98;
  --sidebar-sheen: rgb(176 195 202 / 24%);
  --sidebar-warm-sheen: rgb(191 169 137 / 7%);
  --sidebar-finish-height: 210px;
  --blue: #a9c7e3;
  --deep: #2b5876;
  --muted: #5f605c;
  --line: #c8c1b4;
  --grid: #dad3c6;
  --control-border: #a5a094;
  --soft: #dfe9ee;
  --danger: #943828;
  --error: var(--danger);
  --error-surface: #f5e7df;
  --warning: #76521c;
  --font-sans: 'Manrope', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --shadow-card: 0 3px 8px rgb(23 28 34 / 4%);
  --shadow-panel: 0 16px 48px rgb(23 28 34 / 16%), 0 2px 5px rgb(23 28 34 / 7%);
  --control-radius: 2px;
  --field-radius: 0;
  --menu-radius: 0;
  --dropdown-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23171c22' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --dropdown-chevron-on-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23f8f5ed' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --control-height: 44px;
  --control-font-size: 14px;
  --control-font-weight: 600;
  --control-padding-block: 10px;
  --control-padding-inline: 16px;
  --field-font-size: 16px;
  --panel-radius: 4px;
  --workspace-header-height: 46px;
  --workspace-toolbar-height: 42px;
  --motion-sidebar-duration: 200ms;
  --motion-sidebar-easing: cubic-bezier(.2,.8,.2,1);
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--sand);
}
:focus-visible {
  outline: 2px solid var(--deep);
  outline-offset: 3px;
}
/* Rectangular fields share square corners and an inset ring for every focus method.
   Keep native checkboxes, radios, sliders and button-like inputs unchanged. */
:is(input, select, textarea):not(:where([type=hidden], [type=checkbox], [type=radio], [type=range], [type=button], [type=submit], [type=reset], [type=color])) {
  border-radius: var(--field-radius);
}
:is(input, select, textarea):not(:where([type=hidden], [type=checkbox], [type=radio], [type=range], [type=button], [type=submit], [type=reset], [type=color])):focus {
  outline: 2px solid var(--deep);
  outline-offset: -2px;
}
@media (max-width:700px) {
  :root { --workspace-header-height: 44px; }
}
@media (pointer:coarse) {
  :root { --workspace-header-height: 52px; --workspace-toolbar-height: 54px; }
}
@media (max-width:700px) and (pointer:coarse) {
  :root { --workspace-header-height: 50px; }
}
::selection {
  color: var(--ink);
  background: var(--blue);
}