/* Dark engineering / CAD theme tokens.
   Change values here to re-skin the whole dashboard. */

:root {
  /* Color palette */
  --color-bg:           #0e1116;   /* page background, viewport behind canvas */
  --color-surface:      #161b22;   /* sidebar, topbar */
  --color-surface-2:    #1c232e;   /* panel headers, hover */
  --color-surface-3:    #232b38;   /* inputs, buttons idle */
  --color-border:       #2a3140;
  --color-border-soft:  #1e242f;

  --color-text:         #d9e0ea;   /* primary text */
  --color-text-muted:   #8b95a7;   /* labels, hints */
  --color-text-faint:   #5b6573;   /* placeholders */

  --color-accent:       #5b8def;   /* primary accent (CAD-blue) */
  --color-accent-hover: #7aa3ff;
  --color-accent-soft:  rgba(91, 141, 239, 0.15);

  --color-success:      #3fb950;
  --color-warning:      #d29922;
  --color-danger:       #f85149;

  /* Typography */
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* Layout */
  --topbar-height: 52px;
  --sidebar-width: 280px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

  /* Motion */
  --t-fast: 120ms ease;
  --t-base: 200ms ease;
}