/* css/variables.css — Poster Editor, Xetcher bench skin
   Tokens match xetcher.com/index.html. The artboard itself stays paper-white:
   it is the sheet, not the bench. */
:root {
    /* bench tokens */
    --stone: #26241f;
    --panel: #2e2b25;
    --panel-edge: #3c382f;
    --ink: #e9e3d4;
    --muted: #a49b88;
    --faint: #6e6757;
    --verdigris: #7fb097;
    --verdigris-deep: #547564;
    --verdigris-dim: #54756414;
    --paper-a: #f4f0e6;
    --paper-b: #e2dccb;
    --rust: #c8836a;
    --radius: 8px;
    --topbar: 52px;

    /* artboard */
    --canvas-width: 895px;
    --canvas-height: 1280px;
    --baseline-grid: 16px;
    --grid-columns: 6;
    --canvas-bg: #fdfdfd;
    --grid-baseline-color: #00ffff;       /* guide colours: set from the panel (js/core/guides.js); canvas.css applies the transparency */
    --grid-column-color: #ff00ff;
    --grid-margin-color: #ff0000;
    --guide: #0055ff;                 /* on-paper editor guides (cells, threads, masters) */

    /* legacy names the modules still use — all resolved to bench tokens */
    --ui-workspace-bg: var(--stone);
    --ui-panel-bg: var(--panel);
    --ui-text: var(--ink);
    --ui-border: var(--panel-edge);
    --ui-accent: var(--verdigris);
    --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}