// Dark navy technology theme
$color-background-base: #050a14;
$color-background-panel: #091321;
$color-background-card: #0d1a2b;
$color-background-card-hover: #122640;
$color-background-header-translucent: rgba(7, 15, 27, 0.96);
$color-background-tooltip-translucent: rgba(10, 22, 38, 0.98);

$color-text-primary: #c5d3e3;
$color-text-secondary: #7790aa;
$color-text-bright: #edf6ff;
$color-text-accent-soft: #8dbde3;
$color-text-accent-bright: #b9ddf8;
$color-text-navigation: #89a6bf;
$color-text-navigation-active: #e5f5ff;
$color-text-tooltip: #9bb1c7;

$color-accent-primary: #309fe8;
$color-accent-secondary: #58b7f0;
$color-accent-border: rgba(48, 159, 232, 0.16);
$color-accent-border-strong: rgba(48, 159, 232, 0.34);
$color-accent-glow: rgba(48, 159, 232, 0.18);
$color-accent-subtle: rgba(48, 159, 232, 0.06);
$color-accent-soft: rgba(48, 159, 232, 0.10);
$color-accent-medium: rgba(48, 159, 232, 0.13);
$color-accent-selected: rgba(48, 159, 232, 0.18);
$color-accent-border-muted: rgba(48, 159, 232, 0.22);
$color-accent-border-header: rgba(48, 159, 232, 0.30);
$color-accent-border-hover: rgba(48, 159, 232, 0.46);
$color-accent-border-active: rgba(88, 183, 240, 0.68);
$color-accent-text-muted: rgba(88, 183, 240, 0.38);
$color-accent-radial-glow: rgba(48, 159, 232, 0.09);
$color-accent-inset-glow: rgba(48, 159, 232, 0.07);
$color-accent-tag-background: rgba(48, 159, 232, 0.09);
$color-accent-core-background: rgba(48, 159, 232, 0.04);
$color-accent-slider-glow: rgba(48, 159, 232, 0.32);

$color-danger: #ff2d55;
$color-danger-background: rgba(255, 45, 85, 0.06);
$color-danger-background-hover: rgba(255, 45, 85, 0.14);
$color-success: #00e676;
$color-axis-x: #f87171;
$color-axis-x-background: rgba(248, 113, 113, 0.15);
$color-axis-x-border: rgba(248, 113, 113, 0.30);
$color-axis-y: #34d399;
$color-axis-y-background: rgba(52, 211, 153, 0.15);
$color-axis-y-border: rgba(52, 211, 153, 0.30);
$color-axis-z: #38bdf8;
$color-axis-z-background: rgba(56, 189, 248, 0.15);
$color-axis-z-border: rgba(56, 189, 248, 0.30);

$color-white-subtle: rgba(255, 255, 255, 0.025);
$color-white-muted: rgba(255, 255, 255, 0.06);
$color-shadow-soft: rgba(0, 0, 0, 0.20);
$color-shadow-header: rgba(0, 0, 0, 0.34);
$color-shadow-tooltip: rgba(0, 0, 0, 0.48);

// Connection page
$color-connection-card: #ffffff;
$color-connection-title: #000000;
$color-connection-text-muted: #8f8f8f;
$color-connection-primary: #003af7;
$color-connection-tip-background: #b7c5f3;

// Canvas and 3D visualization
$color-canvas-grid-line: rgba(48, 99, 148, 0.22);
$color-canvas-area-fill: rgba(224, 64, 251, 0.12);
$color-canvas-area-border: rgba(224, 64, 251, 0.50);
$color-canvas-line-default: #ff6e40;
$color-canvas-line-forbidden: #ff1744;
$color-canvas-line-virtual: #ffab40;
$color-canvas-route: #35aaf2;
$color-canvas-route-arrow: rgba(53, 170, 242, 0.62);
$color-canvas-curve: #68b8e8;
$color-canvas-curve-arrow: rgba(104, 184, 232, 0.68);
$color-canvas-curve-marker: rgba(104, 184, 232, 0.24);
$color-canvas-landmark: #ffd600;
$color-canvas-charging-point: #22c55e;
$color-canvas-loading-point: #3b82f6;
$color-canvas-workstation: #a855f7;
$color-canvas-tooltip-title: #58b7f0;
$color-canvas-boundary: rgba(48, 159, 232, 0.14);
$color-canvas-robot: #309fe8;
$color-canvas-robot-label: #a8c9e2;

// Video player controls
$color-player-marker: #ffffff;
$color-player-progress: #008000;
$color-player-played-progress: #d2691e;
$color-player-volume: #ffc0cb;

$font-family-heading: 'Rajdhani', sans-serif;
$font-family-body: 'Noto Sans SC', 'PingFang SC', sans-serif;
$font-family-monospace: 'JetBrains Mono', monospace;

$shadow-input: 0 2px 12px $color-shadow-soft;
