/*
Theme Name:   PILOTECH
Theme URI:    
Author:       Pilo Tech
Author URI:   
Description: Custom theme 
Version:      1.0.0
License:      Proprietary
Text Domain:  pilotech
*/

:root {
  --obsidian:    #0a0a0a;
  --onyx:        #121212;
  --charcoal:    #1a1a19;
  --charcoal-2:  #202020;
  --gold:        #D4AF37;
  --gold-2:      #C5A059;
  --ivory:       #F5F5F0;
  --line:        rgba(212,175,55,.2);
  --line-strong: rgba(212,175,55,.5);

  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Manrope', system-ui, -apple-system, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
  background-color: var(--obsidian);
}
body {
  margin: 0;
  background: var(--obsidian);
  color: var(--ivory);
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 300;
  letter-spacing: .06em;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img, svg { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; }

::selection { background: var(--gold); color: var(--obsidian); }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 8px; }
::-webkit-scrollbar-track { background: var(--obsidian); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--gold-2), #6b5628);
  border-radius: 10px;
  border: 2px solid var(--obsidian);
}
* { scrollbar-color: #6b5628 var(--obsidian); scrollbar-width: thin; }

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  padding: .75rem 1.25rem;
  background: var(--gold);
  color: var(--obsidian);
  font-size: .85rem;
  letter-spacing: .1em;
  z-index: 99999;
}
.skip-link:focus { left: 1rem; top: 1rem; }

.site-content:empty { min-height: 40vh; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}