/* Bookmark Ace "Classic" skin: variables only. Components live in ui.css. */
:root {
  --font-family: Verdana, Tahoma, sans-serif;
  --font-size: 11px;
  --title-size: 12px;
  --title-weight: bold;

  --chrome: #D4D0C8;
  --edge-dark: #808080;
  --edge-darker: #404040;
  --edge-light: #FFFFFF;
  --content: #FFFFFF;

  --text: #000000;
  --text-muted: #4A4A4A;
  --text-disabled: #808080;

  --selected-bg: #0A246A;
  --selected-text: #FFFFFF;
  --title-active-bg: #0A246A;
  --title-active-text: #FFFFFF;

  --link: #0000EE;
  --link-visited: #551A8B;

  --focus: #000000;
  --focus-on-selected: #FFFFFF;

  --tree-line: #A0A0A0;
  --row-h-dense: 18px;
  --row-h-comfortable: 24px;
  --row-h: var(--row-h-comfortable);
  --indent: 16px;

  /* Shape (contract §23): Classic is square, bevelled and still. */
  --border: var(--edge-dark);
  --border-width: 1px;
  --border-style: solid;
  --frame: var(--border-width) var(--border-style);
  --line: var(--frame) var(--border);
  --line-light: var(--frame) var(--edge-light);
  --bevel: 1;
  --bevel-out: var(--edge-light) var(--edge-darker) var(--edge-darker) var(--edge-light);
  --bevel-pressed: var(--edge-darker) var(--edge-light) var(--edge-light) var(--edge-darker);
  --bevel-in: var(--edge-dark) var(--edge-light) var(--edge-light) var(--edge-dark);
  --bevel-field: var(--edge-darker) var(--edge-dark) var(--edge-dark) var(--edge-darker);
  --bevel-chip: var(--edge-light) var(--edge-dark) var(--edge-dark) var(--edge-light);
  --radius-box: 0;
  --radius-control: 0;
  --radius-row: 0;
  --shadow-box: none;
  --shadow-menu: none;
  --selected-bar: none;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --control-h: 20px;
  --btn-h: 22px;
  --tree-style: boxes;
  --tree-lines: 1;
  --toolbar-style: bevel;
  --transition: 0ms;
  --favicon-tile: var(--icon-page) center no-repeat;
  --icon-box: 16px;
  --sunken-edge: var(--bevel-in);
  --check-size: 13px;
  --radius-check: 0;
  --btn-small-h: 16px;
  --btn-small-pad: 0 3px;
  --btn-small-lh: 12px;
  --btn-lh: 1.35;
  --dialog-title-pad: 2px 2px 2px 4px;
  --tag-entry-pad: 1px 2px;
  --chip-h: 16px;
  --chip-pad: 0 0 0 3px;
  --link-btn-align: start;
  --side-btn-pad: 2px 6px;
  --side-btn-font: inherit;
  --status-pad: 1px 4px;
  --status-text: var(--text);
  --status-edge: var(--bevel-in);
  --tree-line-style: dotted;
  --page-bg: var(--chrome);
  --box-bg: var(--chrome);
  --btn-bg: var(--chrome);
  --head-bg: var(--chrome);
  --chip-bg: var(--chrome);
  --hover-bg: transparent;
  --focus-ring: 1px dotted var(--focus);
  --btn-default-outline: 1px solid var(--focus);
  --btn-default-bg: var(--btn-bg);
  --btn-default-text: var(--text);
  --titlebar-pad: 3px 6px;
  --menu-pad: 2px;
  --menu-item-pad: 3px 18px 3px 16px;
  --btn-pad: 2px 9px;
  --input-pad: 1px 3px;
  --head-pad: 1px 4px;

  --notice-bg: #FFFFE1;
  --notice-edge: #000000;
  --error-text: #A00000;
  --error-bg: #FFF0F0;

  --icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M1.5 3.5h5l1 1.5h7v8.5h-13z' fill='%23F4F2EA' stroke='%23807C70'/%3E%3C/svg%3E");
  --icon-folder-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M1.5 13.5v-10h5l1 1.5h6v2.5' fill='%23F4F2EA' stroke='%23807C70'/%3E%3Cpath d='M1.5 13.5l2.5-6h11l-2.5 6z' fill='%23FBFAF5' stroke='%23807C70'/%3E%3C/svg%3E");
  --icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M1.5 2.5h6l7 7-5 5-7-7z' fill='%23F4F2EA' stroke='%23807C70'/%3E%3Ccircle cx='5' cy='6' r='1.2' fill='none' stroke='%23807C70'/%3E%3C/svg%3E");
  --icon-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M3.5 1.5h6l3 3v10h-9z' fill='%23FFF' stroke='%23808080'/%3E%3Cpath d='M9.5 1.5v3h3' fill='none' stroke='%23808080'/%3E%3C/svg%3E");
  --icon-public: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cg fill='none' stroke='%23404040'%3E%3Ccircle cx='5.5' cy='5.5' r='5'/%3E%3Cellipse cx='5.5' cy='5.5' rx='2' ry='5'/%3E%3Cpath d='M.5 5.5h10'/%3E%3C/g%3E%3C/svg%3E");
  --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M2 5.5l2.5 2.5 4.5-5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
}