/* NLPos UI variables (Microsoft Fluent Design inspired) */
:root{
  --bg: #f3f3f3;
  --bg-dark: #ffffff;
  --panel: #ffffff;
  --panel-elevated: #ffffff;
  --text: #242424;
  --text-secondary: #605e5c;
  --muted: #8a8886;
  --border: rgba(0,0,0,.08);
  --border-strong: rgba(0,0,0,.12);
  --shadow-card: 0 3.2px 7.2px rgba(0,0,0,.03), 0 0.6px 1.8px rgba(0,0,0,.02);
  --shadow-elevated: 0 6.4px 14.4px rgba(0,0,0,.08), 0 1.2px 3.6px rgba(0,0,0,.04);
  --shadow-flyout: 0 12.8px 28.8px rgba(0,0,0,.13), 0 2.4px 7.2px rgba(0,0,0,.06);
  --accent: #0078d4;
  --accent-hover: #106ebe;
  --accent-press: #005a9e;
  --accent-light: rgba(0,120,212,.1);
  --danger: #c50f1f;
  --danger-light: rgba(197,15,31,.1);
  --success: #107c10;
  --warning: #f7630c;

  --r: 4px;
  --r2: 8px;
  --pad: 12px;
  --pad2: 16px;

  --font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --transition-fast: 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}