/* Shared paper UI base tokens. */

:root {
  /* Spacing policy:
     micro = tiny optical offsets;
     inline = icon/text and inline action gaps;
     compact = dense rows and compact lists;
     control = default button/list rhythm;
     comfortable = form/module grouping;
     section = separated functional blocks;
     shell/card/block = outer surfaces and larger form rhythm. */
  --vk-space-zero: 0px;
  --vk-space-micro: 2px;
  --vk-space-inline: 4px;
  --vk-space-compact: 6px;
  --vk-space-control: 8px;
  --vk-space-comfortable: 10px;
  --vk-space-section: 12px;
  --vk-space-shell: 14px;
  --vk-space-card: 16px;
  --vk-space-block: 18px;
  --vk-space-wide: 22px;
  --vk-space-roomy: 24px;
  --vk-space-catalog-edge: 27px;
  --vk-space-menu-form-top: 55px;
  --vk-space-control-compact-y: 5px;
  --vk-control-gap-inline: var(--vk-space-inline);
  --vk-control-gap-compact: var(--vk-space-compact);
  --vk-control-gap: var(--vk-space-control);
  --vk-control-gap-comfortable: var(--vk-space-comfortable);
  --vk-control-gap-section: var(--vk-space-section);
  /* Height policy:
     mini/small/control = regular paper controls;
     panel = square chrome controls and top-row actions;
     form = full form fields and action buttons;
     compact form = compact editor fields;
     tab strip/tab = tabbar shell and tab body;
     choice/filter/inline/card action = specialized control atoms. */
  --vk-size-control-mini: 30px;
  --vk-size-control-small: 34px;
  --vk-size-control: 36px;
  --vk-size-panel-control: 38px;
  --vk-size-form-control: 40px;
  --vk-size-form-control-compact: 30px;
  --vk-size-tab-strip: 50px;
  --vk-size-tab: 38px;
  --vk-size-choice: 28px;
  --vk-size-filter: 28px;
  --vk-size-form-inline-action: 26px;
  --vk-size-form-inline-action-compact: 22px;
  --vk-size-card-action: 24px;
  --vk-size-row-leading: 24px;
  --vk-size-row-inline-action: 22px;
  --vk-size-module-heading: 22px;
  --vk-size-side-collapsed: 54px;
  /* Typography policy:
     micro/tiny = badges and compact glyph labels;
     caption = module headings and compact hints;
     label = form labels and tabs;
     control/body = primary UI text;
     title/brand = local titles and product marks. */
  --vk-font-micro: 9px;
  --vk-font-tiny: 10px;
  --vk-font-caption: 11px;
  --vk-font-label: 12px;
  --vk-font-control: 13px;
  --vk-font-body: 13px;
  --vk-font-body-lg: 14px;
  --vk-font-title-sm: 15px;
  --vk-font-title: 17px;
  --vk-font-icon-glyph: 19px;
  --vk-font-title-lg: 20px;
  --vk-font-brand: 26px;
  --vk-font-preview-placeholder: 38px;
  --vk-line-tight: 1;
  --vk-line-mini: 1.1;
  --vk-line-compact: 1.2;
  --vk-line-body: 1.35;
  --vk-line-readable: 1.45;
  --vk-line-spacious: 1.5;
  --vk-weight-light: 300;
  --vk-weight-regular: 400;
  --vk-weight-medium: 500;
  --vk-weight-semibold: 600;
  --vk-weight-bold: 700;
  --vk-weight-heavy: 800;
  --vk-letter-caps: 0.08em;
  --vk-letter-tab: 0.02em;
  --vk-paper-panel-bg: var(--vk-panel-paper-bg, var(--analysis-side-canvas-bg, var(--vk-app-surface-panel)));
  --vk-paper-accent-fill: var(--vk-accent-fill);
  --vk-paper-main-bg: var(--vk-panel-paper-accent-bg, var(--vk-app-accent-main));
  --vk-paper-main-text: var(--vk-panel-paper-accent-text, var(--vk-app-accent-main-text));
}