/* ================================
   variables.css
================================= */

:root {
   --color-bg: #f8f8f8;
   --color-border: #ccc;
   --color-accent: #0077cc;
   --color-accent-hover: #005fa3;
   --color-danger: #d9534f;
   --color-danger-hover: #c9302c;
   --color-text: #333;

   --radius: 4px;
   --spacing-sm: 8px;
   --spacing-md: 12px;
   --font-main: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}