/* Shared Планрум tokens: loaded by the apartment and the furniture editor.
   Geometry, finish colours and print dimensions are deliberately independent. */
:root {
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-data: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --text-caption: .75rem;
  --text-description: .6875rem;
  --description-line-height: 1.4;
  --text-small: .8125rem;
  --text-ui: .875rem;
  --text-body: 1rem;
  --text-heading: 1.125rem;
  --text-title: 1.375rem;
  --text-display: 1.75rem;
  --color-ink: #282829;
  --color-secondary: #66625c;
  --color-muted: #706c65;
  --color-border: #dedbd4;
  --color-border-strong: #c9bfb2;
  --color-page: #f4f1ea;
  --color-surface: #fffefa;
  --color-soft: #ece9e2;
  --color-accent: #e96332;
  --color-accent-hover: #d65324;
  --color-accent-soft: #fce8db;
  --color-accent-ink: #a24421;
  --color-focus: #b34a24;
  /* Small white button labels need more contrast than the landing's accent. */
  --color-primary: #c44b20;
  --color-primary-hover: #ac3f18;
  --color-primary-ink: #ffffff;
  --color-accent-border: #d69b80;
  --color-danger: #a83434;
  --color-danger-soft: #fff0ef;
  --color-warning: #825414;
  --color-warning-soft: #fff5df;
  --color-success: #2c674c;
  --color-success-soft: #edf6f0;
  --radius-control: 8px;
  --radius-panel: 12px;
  --control-height: 36px;
  --control-compact-height: 32px;
  --control-inner-height: 30px;
  --control-label-width: 88px;
  --control-gap: 8px;
  --control-weight: 400;
  --heading-weight: 500;
  --inspector-heading-size: 15px;
  --radius-compact: 6px;
  --inspector-inset: 10px;
  --drawing-ink: #69645b;
  --drawing-grid-minor: #e5e0d7;
  --drawing-grid-major: #d6cfc3;
  --color-backdrop: rgb(40 35 29 / 34%);
  --workspace-header-height: 38px;
  --workspace-modes-height: 30px;
  --workspace-toolbar-height: 32px;
  --workspace-sidebar-width: 288px;
  --menu-row-height: 32px;
  --menu-text-size: 13px;
  /* Landing cards: quiet hover, persistent accent after selection. */
  --interaction-hover: #fffefa;
  --interaction-hover-border: #c9beb0;
  --interaction-hover-shadow: 0 2px 8px rgb(40 35 29 / 6%);
  --interaction-selected: #fffefa;
  --interaction-selected-border: #e96332;
  --interaction-selected-ring: inset 0 0 0 1px var(--interaction-selected-border);
  --interaction-selected-row: inset 3px 0 0 var(--interaction-selected-border);
  --interaction-selected-tab: inset 0 -2px 0 var(--interaction-selected-border);
  --interaction-pressed: #fae9df;
  --menu-hover: var(--interaction-hover);
  --menu-selected: var(--interaction-selected);
  --workspace-nav-height: 26px;
  --workspace-inspector-width: 280px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --shadow-panel: 0 12px 36px rgb(40 35 29 / 12%);
  --ink: var(--color-ink);
  --ink-soft: var(--color-secondary);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --paper: var(--color-page);
  --panel: var(--color-surface);
  --soft: var(--color-soft);
  /* Compatibility names denote selection, not the old lime/green palette. */
  --lime: var(--color-accent-soft);
  --lime-deep: var(--color-accent-border);
  --green: var(--color-accent-ink);
  --green-light: var(--color-accent-soft);
  --green-bright: var(--color-accent-soft);
  --orange: var(--color-warning);
  --danger: var(--color-danger);
  --danger-soft: var(--color-danger-soft);
  --sans: var(--font-ui);
  --mono: var(--font-data);
}
@media screen {
  body { font-family: var(--font-ui); font-size: var(--text-ui); color: var(--ink); background: var(--paper); }
  button, input, select, textarea { font-family: var(--font-ui); }
  input[type="number"], output { font-variant-numeric: tabular-nums; }
  :where(button, input, select, textarea, summary, [contenteditable="true"]):focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
  :where(button, input, select, textarea):disabled { cursor: not-allowed; }
  ::selection { background: var(--color-accent); color: var(--ink); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}