/* ==========================================================================
   SmartDocs prototype v10 - design tokens
   Light theme emulates the DevExpress skin "DevExpressStyle" (colours sampled
   from screenshots of the Delphi client 2.13.0), dark theme - "DevExpressDarkStyle".
   Semantic colours are the same as Client.Infra.Palette (SemanticColor).
   Delphi: surface colours come from the skin; only --sem-* are code colours.
   ========================================================================== */
:root {
  --font: "Segoe UI", "Segoe UI Variable Text", Tahoma, Arial, sans-serif;
  --font-mono: Consolas, "Cascadia Mono", "Courier New", monospace;
  --font-sheet: "Times New Roman", Times, serif;
  --fs: 12px;          /* Segoe UI 9pt at 96 dpi */
  --fs-small: 11px;
  --fs-caption: 11px;
  --fs-title: 15px;
  --row-h: 22px;       /* TcxGrid default row height at 100 % */

  /* ---- skin surfaces ---- */
  --c-window: #ffffff;
  --c-title-text: #616161;
  --c-ribbon-top: #fdfdfe;
  --c-ribbon-bottom: #f0f1f5;
  --c-ribbon-border: #d0d1d4;
  --c-ribbon-sep: #c9cbd2;
  --c-ribbon-caption: #6b6f78;
  --c-file-top: #dbd5eb;
  --c-file-bottom: #c2b0d5;
  --c-file-border: #b7a6cf;
  --c-file-text: #2f2350;
  --c-ctx-doc-top: #d2e0f0;
  --c-ctx-doc-bottom: #c7d8ec;
  --c-ctx-doc-line: #6f9bd0;
  --c-ctx-tpl-top: #d9eed6;
  --c-ctx-tpl-bottom: #c8e3c3;
  --c-ctx-tpl-line: #5fae57;
  --c-ctx-flow-top: #f6e3cc;
  --c-ctx-flow-bottom: #efd3b2;
  --c-ctx-flow-line: #d08a3a;
  --c-ctx-dict-top: #e6dcf2;
  --c-ctx-dict-bottom: #d9cbec;
  --c-ctx-dict-line: #9474c4;

  --c-panel: #ebecef;
  --c-panel-2: #f3f4f6;
  --c-content: #ffffff;
  --c-border: #adafb8;
  --c-border-light: #cacbd3;
  --c-border-soft: #e1e2e7;
  --c-canvas: #dfe3e8;

  --c-text: #262626;
  --c-text-2: #4a4e57;
  --c-muted: #6b6f78;
  --c-disabled: #a3a6ad;
  --c-link: #1f6ac0;
  --c-heading: #1d1f24;

  --c-btn-top: #f7f8fa;
  --c-btn-bottom: #e6e8ed;
  --c-btn-border: #a9acb6;
  --c-btn-hover-top: #f2f7fe;
  --c-btn-hover-bottom: #dce9fb;
  --c-btn-hover-border: #8fb1e3;
  --c-btn-down: #cfdbef;
  --c-btn-checked: #d6e2f4;
  --c-btn-checked-border: #7f9fd0;
  --c-btn-primary-top: #3f88d6;
  --c-btn-primary-bottom: #2a6fbe;
  --c-btn-primary-border: #235c9e;
  --c-flat-hover: #e3ecfa;
  --c-flat-hover-border: #b9cff0;
  --c-flat-down: #c9daf3;

  --c-edit: #ffffff;
  --c-edit-border: #adafb8;
  --c-edit-focus: #5b8fd6;
  --c-edit-readonly: #f3f4f6;
  --c-edit-required: #fffbe6;

  --c-grid-header: #f5f5f6;
  --c-grid-header-border: #cacbd3;
  --c-grid-line: #e4e6ec;
  --c-row-alt: #f6f8fc;
  --c-row-hover: #edf3fc;
  --c-row-sel: #e2eafd;
  --c-row-sel-inactive: #ececf0;
  --c-row-focus: #2472c6;
  --c-group-row: #eff0f3;

  --c-nav-sel: #e2eefb;
  --c-nav-bar: #2472c6;
  --c-nav-group: #7b7f88;

  --c-status-top: #d8d9de;
  --c-status-bottom: #cecfd4;
  --c-status-sep: #b9bbc3;
  --c-status-text: #2b2d33;

  --c-tabstrip: #ebecef;
  --c-tab: #f3f4f6;
  --c-tab-active: #ffffff;
  --c-tab-hover: #f8f9fb;

  --c-info-bar: #fff7e0;
  --c-info-bar-border: #ead9a6;
  --c-ok-bar: #e8f4ea;
  --c-ok-bar-border: #b8dbbe;
  --c-err-bar: #fdecec;
  --c-err-bar-border: #efb9b9;
  --c-hint-bar: #e8f1fb;
  --c-hint-bar-border: #b9d2ef;

  --c-backstage: #2a5f9e;
  --c-backstage-2: #24548c;
  --c-backstage-text: #ffffff;
  --c-backstage-sel: #3b74b8;

  --c-shadow: rgba(30, 34, 45, .28);
  --c-overlay: rgba(40, 44, 54, .30);
  --c-tooltip: #fdfdfd;

  --c-badge-blue: #1f9eea;
  --c-badge-grey: #858890;
  --c-badge-red: #d33a32;

  /* ---- semantic colours: Client.Infra.Palette.SemanticColor ---- */
  --sem-ok: #2e7d32;
  --sem-warning: #e8a500;
  --sem-danger: #c62828;
  --sem-info: #1f6ac0;
  --sem-muted: #757575;
  --sem-expert: #9c37a0;
  --sem-readonly-bar: #fff7e0;
  --sem-group-approve: #3a86d4;
  --sem-group-execute: #c27a12;
  --sem-group-read: #1d9e75;
  --sem-ok-bg: #e7f3e8;
  --sem-warning-bg: #fdf3d9;
  --sem-danger-bg: #fbe7e7;
  --sem-info-bg: #e5eefa;
  --sem-expert-bg: #f4e6f5;

  --c-dev: #c2185b;
  --c-proposal: #7b3fc4;
}

/* ---- DevExpressDarkStyle ---- */
:root[data-theme="dark"] {
  --c-window: #2d2d30;
  --c-title-text: #c8c8c8;
  --c-ribbon-top: #333337;
  --c-ribbon-bottom: #2d2d30;
  --c-ribbon-border: #1e1e1e;
  --c-ribbon-sep: #4a4a50;
  --c-ribbon-caption: #a8a8ae;
  --c-file-top: #5b4a86;
  --c-file-bottom: #4a3a73;
  --c-file-border: #6d5c98;
  --c-file-text: #ffffff;
  --c-ctx-doc-top: #34506f;
  --c-ctx-doc-bottom: #2d4561;
  --c-ctx-doc-line: #5f8fc6;
  --c-ctx-tpl-top: #34573a;
  --c-ctx-tpl-bottom: #2d4c33;
  --c-ctx-tpl-line: #67b05f;
  --c-ctx-flow-top: #5e4528;
  --c-ctx-flow-bottom: #523c22;
  --c-ctx-flow-line: #d08a3a;
  --c-ctx-dict-top: #4b3d63;
  --c-ctx-dict-bottom: #413556;
  --c-ctx-dict-line: #9474c4;

  --c-panel: #252526;
  --c-panel-2: #2b2b2e;
  --c-content: #1e1e1e;
  --c-border: #4a4a50;
  --c-border-light: #3e3e44;
  --c-border-soft: #34343a;
  --c-canvas: #3a3d42;

  --c-text: #e6e6e6;
  --c-text-2: #c9c9cd;
  --c-muted: #9a9aa2;
  --c-disabled: #66666c;
  --c-link: #6fa8ef;
  --c-heading: #f2f2f2;

  --c-btn-top: #3c3c41;
  --c-btn-bottom: #333338;
  --c-btn-border: #55555c;
  --c-btn-hover-top: #43536a;
  --c-btn-hover-bottom: #3a4a60;
  --c-btn-hover-border: #5d7ba5;
  --c-btn-down: #2f4866;
  --c-btn-checked: #34506f;
  --c-btn-checked-border: #5f8fc6;
  --c-btn-primary-top: #3a7bc8;
  --c-btn-primary-bottom: #2d66ab;
  --c-btn-primary-border: #4b8bd6;
  --c-flat-hover: #3a4656;
  --c-flat-hover-border: #4f6a8f;
  --c-flat-down: #2f4866;

  --c-edit: #1f1f22;
  --c-edit-border: #55555c;
  --c-edit-focus: #5f8fc6;
  --c-edit-readonly: #2a2a2e;
  --c-edit-required: #33301f;

  --c-grid-header: #2f2f33;
  --c-grid-header-border: #45454b;
  --c-grid-line: #34343a;
  --c-row-alt: #232326;
  --c-row-hover: #2c3a4c;
  --c-row-sel: #2f4866;
  --c-row-sel-inactive: #36363c;
  --c-row-focus: #5f8fc6;
  --c-group-row: #2a2a2e;

  --c-nav-sel: #2f4866;
  --c-nav-bar: #5f8fc6;
  --c-nav-group: #8e8e96;

  --c-status-top: #333337;
  --c-status-bottom: #2d2d30;
  --c-status-sep: #4a4a50;
  --c-status-text: #d6d6da;

  --c-tabstrip: #252526;
  --c-tab: #2d2d30;
  --c-tab-active: #1e1e1e;
  --c-tab-hover: #34343a;

  --c-info-bar: #3a3424;
  --c-info-bar-border: #5a4f2d;
  --c-ok-bar: #23362a;
  --c-ok-bar-border: #355a3f;
  --c-err-bar: #3d2526;
  --c-err-bar-border: #6a3638;
  --c-hint-bar: #243447;
  --c-hint-bar-border: #35506f;

  --c-backstage: #1f3d63;
  --c-backstage-2: #1a3456;
  --c-backstage-sel: #2f5a8f;

  --c-shadow: rgba(0, 0, 0, .55);
  --c-overlay: rgba(0, 0, 0, .45);
  --c-tooltip: #2d2d30;

  --sem-ok: #5cb860;
  --sem-warning: #f0b429;
  --sem-danger: #ef5350;
  --sem-info: #64a5ee;
  --sem-muted: #9a9aa2;
  --sem-expert: #c77ccb;
  --sem-readonly-bar: #3a3424;
  --sem-ok-bg: #23362a;
  --sem-warning-bg: #3a3424;
  --sem-danger-bg: #3d2526;
  --sem-info-bg: #243447;
  --sem-expert-bg: #3a2a3b;
}