/* ════════════════════════════════════════════════════════════════
   Theme CSS Variables — generated from ui_variables table.
   Edit via P-DOC > '09. Foundation — UI Design Standard' > Variables tab.
   DO NOT edit by hand — changes will not persist.
   Theme version: 2
   ════════════════════════════════════════════════════════════════ */

:root {

  /* ── Backgrounds ── */
  --bg-app: #1e1e1e;
  --bg-card: #252526;
  --bg-input: #2d2d2d;
  --bg-hover: #2a2d2e;

  /* ── Borders ── */
  --border-container: #3c3c3c;
  --border-divider: #333333;
  --border-input: #555555;
  --border-subtle: #2a2a2a;

  /* ── Buttons ── */
  --btn-save-bg: #264f78;
  --btn-save-hover: #1177bb;
  --btn-outline-hover: #3e3e40;
  --btn-destructive-border: #aa3333;

  /* ── Status / Accent colors ── */
  --color-blue: #569cd6;
  --color-red: #f87171;
  --color-green: #4ade80;
  --color-amber: #fbbf24;

  /* ── Transition durations ── */
  --duration-fast: 0.15s;
  --duration-normal: 0.3s;

  /* ── Fonts ── */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;

  /* ── Overlay ── */
  --overlay-bg: rgba(0, 0, 0, 0.7);

  /* ── Border radius ── */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-pill: 999px;

  /* ── Shadows ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.7);

  /* ── Font sizes ── */
  --size-xs: 10px;
  --size-sm: 11px;
  --size-md: 12px;
  --size-lg: 13px;
  --size-xl: 14px;
  --size-2xl: 16px;

  /* ── Spacing ── */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;

  /* ── Text ── */
  --text-primary: #d4d4d4;
  --text-accent: #9cdcfe;
  --text-muted: #888888;
  --text-dim: #555555;
  --text-highlight: #dcdcaa;
}