/* HedgeOS Main Stylesheet */

/* Import order matters */
@import url('variables.css');
@import url('reset.css');
@import url('layout.css');

/* Components */
@import url('components/sidebar.css');
@import url('components/breadcrumbs.css');
@import url('components/file-grid.css');
@import url('components/window.css');
@import url('components/terminal.css');
@import url('components/messageboard.css');

/* Custom cursor */
.cursor-dot {
  position: fixed;
  width: 8px;
  height: 8px;
  background: var(--accent-primary);
  border-radius: 50%;
  pointer-events: none;
  z-index: var(--z-cursor);
  transform: translate(-50%, -50%);
  transition: transform 50ms ease, opacity 200ms ease;
}

.cursor-outline {
  position: fixed;
  width: 32px;
  height: 32px;
  border: 1px solid var(--accent-primary);
  border-radius: 50%;
  pointer-events: none;
  z-index: var(--z-cursor);
  transform: translate(-50%, -50%);
  transition: transform 100ms ease, opacity 200ms ease;
  opacity: 0.5;
}

.cursor-dot.hidden,
.cursor-outline.hidden {
  opacity: 0;
}

/* Hide default cursor */
body.custom-cursor {
  cursor: none;
}

body.custom-cursor * {
  cursor: none !important;
}

/* Disable custom cursor on touch devices */
@media (hover: none) and (pointer: coarse) {
  body.custom-cursor {
    cursor: auto;
  }

  body.custom-cursor * {
    cursor: auto !important;
  }

  .cursor-dot,
  .cursor-outline {
    display: none;
  }
}