/*
Theme Name: Bassam Portfolio
Theme URI: https://bassamelsawy.com
Author: Bassam Elsawy
Description: A bold, dark, typography-led creative-portfolio theme built for a senior WordPress/Shopify/Framer developer — cursor-following project preview, smooth scroll reveals, and a restrained electric-blue accent system.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bassam-portfolio
*/

:root{
  --bg-base:#050505;
  --bg-surface:#111111;
  --bg-surface-raised:#161616;
  --border-subtle:#1f1f1f;
  --text-primary:#ffffff;
  --text-secondary:#a1a1aa;
  --text-tertiary:#6b6b70;
  --accent:#2f6fed;
  --accent-hover:#4a82f2;
  --accent-soft:rgba(47,111,237,0.12);
  --signal-positive:#34d399;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:16px;
  --dur-fast:150ms;
  --dur-base:300ms;
  --dur-slow:450ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-6:48px;--sp-8:64px;--sp-12:96px;--sp-16:128px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg-base);
  color:var(--text-primary);
  font-family:'Inter',-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  line-height:1.6;
}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.1;color:var(--text-primary);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul{list-style:none;}

.mono{font-family:'IBM Plex Mono',monospace;}
.container{max-width:1280px;margin:0 auto;padding-inline:clamp(20px,5vw,64px);}
.section{padding-block:var(--sp-16);}
.section--bordered{border-top:1px solid var(--border-subtle);}

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

@media (max-width:768px){
  .section{padding-block:var(--sp-8);}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
}