/* Zykhe — CSS Variables & Base Styles */

:root {
  /* Colors */
  --bg: #0a0a0a;
  --text: #e0e0e0;
  --text-muted: #888888;
  --accent: #9B8AD9;
  --accent-hover: #7D6BCE;
  --border: #2a2a2a;
  --services-bg: rgba(155, 138, 217, 0.05);
  --focus: #9B8AD9;
  --focus-ring: #7D6BCE;
  --service: #58ff4c;  /* #0bf300 */
  --service-glow: #92ff98; /* #97ff92 */

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
}

/* Light mode */
@media (prefers-color-scheme: light) {
  :root {
    --bg: #ffffff;
    --text: #1a1a1a;
    --text-muted: #666666;
    --accent: #5D4BAE;
    --accent-hover: #7D6BCE;
    --border: #d0d0d0;
    --services-bg: rgba(93, 75, 174, 0.08);
  }
}

/* Font Face */
@font-face {
    font-family: 'Old English Five';
    src: url('/assets/fonts/old-english-five.regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}