/* The Lumber Exchange — Web-app tokens (efficient density, light chrome).
   UI font: Public Sans (Google Fonts) — SUBSTITUTION for a dedicated UI face;
   Decimal stays for prose, Tungsten for page titles only. */
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");
:root {
  --font-ui: "Public Sans", "Decimal", system-ui, sans-serif;

  /* Type scale (app) */
  --app-text-xs: 11px;   /* meta, table captions */
  --app-text-sm: 13px;   /* default control/table size */
  --app-text-md: 14px;   /* body in app */
  --app-text-lg: 16px;   /* card titles */

  /* Controls */
  --app-control-h: 32px;
  --app-control-h-lg: 40px;
  --app-radius: 6px;
  --app-radius-lg: 10px;

  /* Layout */
  --app-sidebar-w: 224px;
  --app-topbar-h: 52px;
  --app-gap: 12px;
  --app-pad: 20px;
  --app-row-h: 40px;

  /* Surfaces (light chrome throughout) */
  --app-bg: var(--color-paper);
  --app-panel: #FFFFFF;             /* cards/tables sit brighter than the page */
  --app-panel-tint: var(--color-paper-warm);
  --app-border: var(--color-paper-edge);
  --app-hover: rgba(14, 14, 13, 0.04);
  --app-selected: rgba(240, 168, 56, 0.14);

  /* Status */
  --status-success: #4A7A46;
  --status-success-bg: #E6EEDF;
  --status-warning: var(--color-amber-deep);
  --status-warning-bg: #F6E8CE;
  --status-danger: var(--color-danger);
  --status-danger-bg: #F3DFD9;
  --status-info: var(--color-bark-60);
  --status-info-bg: var(--color-paper-warm);

  --app-shadow: 0 1px 2px rgba(14,14,13,0.05), 0 4px 14px rgba(14,14,13,0.05);
}