/* Shell-only tokens: measurements the shell needs that the prototype does not expose as variables.
 *
 * THE PALETTE IS NOT HERE. Colours, type, radii, shadows and easing all live in prototype.css,
 * generated from the design by os_ui/extract_design.py. This file previously restated all 49 of
 * those, and because it loads AFTERWARDS its hand-copied values silently won - which is exactly the
 * drift the extractor exists to end. If you need a colour, use the prototype's variable; if the
 * prototype has no variable for it, that is a question for the design, not a value to invent here.
 */

:root {
  /* The bar. Its own geometry, because the shell lays the grid out around it. The paint values
     match the prototype's inline style on the bar element and are repeated here only so the boot
     screen and the splash can dress themselves before shell.js has rendered anything. */
  --bar-h: 58px;
  --bar-bg: rgba(26,31,52,.84);
  --bar-blur: blur(24px);
  --bar-thread: inset 0 1px 0 rgba(201,164,92,.30);

  /* Canvas measure. A workspace centres its content at this width; a framed surface ignores it and
     fills the pane edge to edge. */
  --canvas-max: 1160px;
  --canvas-gutter: 54px;
  --canvas-pad: 26px 28px 44px;

  /* Density. Comfortable by default; the compact block below is what data-density switches. */
  --row-pad: 9px 12px;
  --card-pad: 20px;
  --gap: 14px;
}

[data-density="compact"] {
  --row-pad: 5px 10px;
  --card-pad: 14px;
  --gap: 8px;
}