@import './style-cursor-coordinate.css';
@import './style-info-table.css';
@import './style-layer.css';
@import './style-loading.css';
@import './style-closeTempButton.css';
@import './style-projectInfo.css';
/* @import './style-pointCoords.css'; */
@import './style-search.css';
@import './style-sidenav-right-icons.css';
@import './style-sidenav-right-panel.css';
@import './style-sidenav-left.css';  
@import './album/album-main.css';

:root {
  --bg-body: #05060a;
  --bg-elevated: rgba(12, 12, 18, 0.96);
  --bg-overlay: rgba(0, 0, 0, 0.5);

  --glass-soft: rgba(18, 18, 26, 0.8);
  --glass-strong: rgba(10, 10, 16, 0.98);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-strong: rgba(255, 255, 255, 0.2);
  --glass-shadow-soft: 0 16px 40px rgba(0, 0, 0, 0.7);

  --accent-primary: hsl(150, 90%, 55%);
  --accent-hover: hsl(150, 96%, 62%);
  --accent-active: hsl(150, 90%, 45%);

  --danger: hsl(0, 70%, 55%);
  --danger-soft: hsla(0, 80%, 60%, 0.16);

  --text-primary: hsl(0, 0%, 94%);
  --text-secondary: hsl(0, 0%, 75%);
  --text-muted: hsl(0, 0%, 55%);

  --control-bg: rgba(14, 14, 20, 0.96);
  --control-bg-soft: rgba(18, 18, 26, 0.9);
  --control-border: rgba(255, 255, 255, 0.16);
  --control-border-soft: rgba(255, 255, 255, 0.1);

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;

  --icon-size-sm: 22px;
  --icon-size-md: 32px;

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

  --font-main: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

body {
  margin: 0;
  box-sizing: border-box;
  font-family: var(--font-main);
  font-size: 14px;
  overflow: hidden;
}