/*
Theme Name: Farhan Portfolio
Theme URI: #
Author: Farhan Shahriyar
Author URI: https://www.farhanshahriyar.com
Description: Dark, developer-styled one-page portfolio theme for full-stack developers.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alex-portfolio
*/

:root{
  --bg: #0B0E14;
  --surface: #131720;
  --surface-2: #191F2C;
  --border: #232B3A;
  --text: #E4E7EC;
  --muted: #8B92A5;
  --accent: #5EEAD4;
  --accent-dim: #2E9C8C;
  --amber: #F0B429;
  --pink: #F17C9C;
  --radius: 10px;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

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

html{ scroll-behavior: smooth; }

body{
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  line-height: 1.6;
  overflow-x: hidden;
}

body::before{
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 10%, rgba(94,234,212,0.06), transparent 40%),
    radial-gradient(circle at 85% 30%, rgba(240,180,41,0.05), transparent 40%);
  pointer-events: none;
  z-index: 0;
}

a{ color: inherit; text-decoration: none; }

.wrap{
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 32px;
}

::selection{ background: var(--accent); color: var(--bg); }

/* focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}