@import url('/assets/theme-v2.css?v=1');
@import url('/assets/iconography-v2.css?v=1');
/* Personal Site V2 — design tokens and shared primitives. */
:root{
  --font-fa-body:'Shabnam',Tahoma,Arial,sans-serif;
  --font-fa-display:'Shabnam',Tahoma,Arial,sans-serif;
  --font-en-body:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-en-display:'Newsreader',Georgia,'Times New Roman',serif;

  --v2-bg-primary:#05070c;
  --v2-bg-elevated:#0b1019;
  --v2-bg-elevated-2:#111827;
  --v2-surface-light:#f7f8fa;
  --v2-text-primary:#f7f9fc;
  --v2-text-secondary:#aeb8c7;
  --v2-text-on-light:#182332;
  --v2-text-on-light-muted:#566577;
  --v2-line-dark:rgba(207,219,247,.14);
  --v2-line-light:rgba(24,35,50,.13);
  --v2-accent-blue:#8da8ff;
  --v2-accent-violet:#b19cff;
  --v2-accent-cyan:#73ddd4;
  --v2-accent-pink:#ef93cf;
  --v2-accent-warning:#ff9b76;
  --v2-accent-danger:#ff8093;

  --v2-space-1:4px;
  --v2-space-2:8px;
  --v2-space-3:12px;
  --v2-space-4:16px;
  --v2-space-5:24px;
  --v2-space-6:32px;
  --v2-space-7:48px;
  --v2-space-8:64px;
  --v2-space-9:80px;

  --v2-radius-control:14px;
  --v2-radius-card:20px;
  --v2-radius-editorial:28px;
  --v2-radius-pill:999px;

  --v2-shadow-soft:0 18px 54px rgba(0,0,0,.18);
  --v2-shadow-deep:0 28px 86px rgba(0,0,0,.34);
  --v2-focus:0 0 0 3px rgba(141,168,255,.36);

  --v2-motion-fast:180ms;
  --v2-motion-base:480ms;
  --v2-motion-slow:620ms;
  --v2-ease:cubic-bezier(.2,.8,.2,1);
  --v2-content-max:1180px;
  --v2-reading-max:76ch;
}

html[data-v2-theme='light']{
  color-scheme:light;
  --v2-bg-primary:#f4f6f8;
  --v2-bg-elevated:#ffffff;
  --v2-bg-elevated-2:#eef2f6;
  --v2-surface-light:#ffffff;
  --v2-text-primary:#17212f;
  --v2-text-secondary:#5f6b7a;
  --v2-text-on-light:#17212f;
  --v2-text-on-light-muted:#5f6b7a;
  --v2-line-dark:rgba(23,33,47,.12);
  --v2-line-light:rgba(23,33,47,.12);
  --v2-shadow-soft:0 18px 54px rgba(31,42,55,.09);
  --v2-shadow-deep:0 28px 86px rgba(31,42,55,.14);
  --v2-focus:0 0 0 3px rgba(61,99,221,.22);
}

html[data-v2-theme='dark']{
  color-scheme:dark;
  --v2-bg-primary:#05070c;
  --v2-bg-elevated:#0b1019;
  --v2-bg-elevated-2:#111827;
  --v2-text-primary:#f7f9fc;
  --v2-text-secondary:#aeb8c7;
}

html,body{max-width:100%;overflow-x:clip}
body.v2-site{margin:0;background:var(--v2-bg-primary);color:var(--v2-text-primary);font-family:var(--font-en-body);transition:background-color var(--v2-motion-fast) ease,color var(--v2-motion-fast) ease}
html[lang='fa'] body.v2-site{font-family:var(--font-fa-body)}
body.v2-site *,body.v2-site *::before,body.v2-site *::after{box-sizing:border-box}

.v2-container{width:min(calc(100% - 32px),var(--v2-content-max));margin-inline:auto}
.v2-display{font-family:var(--font-en-display);font-weight:700;letter-spacing:-.025em}
html[lang='fa'] .v2-display{font-family:var(--font-fa-display)}

.v2-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--v2-radius-control);border:1px solid var(--v2-line-dark);text-decoration:none;cursor:pointer;transition:transform var(--v2-motion-fast) var(--v2-ease),background-color var(--v2-motion-fast) ease,border-color var(--v2-motion-fast) ease}
.v2-button:hover{transform:translateY(-1px)}
.v2-button:focus-visible{outline:0;box-shadow:var(--v2-focus)}

@media (max-width:430px){
  .v2-container{width:min(calc(100% - 24px),var(--v2-content-max))}
  .v2-display{letter-spacing:-.018em}
}

@media (min-width:431px) and (max-width:900px){
  .v2-container{width:min(calc(100% - 40px),var(--v2-content-max))}
}

@media (min-width:901px){
  .v2-container{width:min(calc(100% - 64px),var(--v2-content-max))}
}

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