/* ===================================
   BASE.CSS — Design Tokens & Reset
   almakistiyorum.net v2
=================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sora:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary:        #FF6B35;
  --primary-dark:   #E85A24;
  --primary-light:  #FF8A5C;
  --primary-50:     #FFF3EE;
  --primary-100:    #FFE4D6;
  --dark:           #0F0F1A;
  --dark-2:         #1C1C2E;
  --dark-3:         #2D2D44;
  --gray-900:       #111827;
  --gray-700:       #374151;
  --gray-600:       #4B5563;
  --gray-500:       #6B7280;
  --gray-400:       #9CA3AF;
  --gray-300:       #D1D5DB;
  --gray-200:       #E5E7EB;
  --gray-100:       #F3F4F6;
  --gray-50:        #F9FAFB;
  --surface:        #FAFAFD;
  --surface-2:      #F4F4F8;
  --white:          #FFFFFF;
  --border:         #EAEAF0;
  --border-dark:    #D4D4E0;
  --success:        #10B981;
  --success-bg:     #ECFDF5;
  --warning:        #F59E0B;
  --warning-bg:     #FFFBEB;
  --error:          #EF4444;
  --error-bg:       #FEF2F2;
  --info:           #3B82F6;
  --info-bg:        #EFF6FF;
  --font-display:   'Sora', sans-serif;
  --font-body:      'Inter', sans-serif;
  --r-sm:  6px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --r-full: 9999px;
  --shadow-xs:  0 1px 2px rgba(15,15,26,0.04);
  --shadow-sm:  0 1px 4px rgba(15,15,26,0.05), 0 1px 2px rgba(15,15,26,0.03);
  --shadow-md:  0 4px 12px rgba(15,15,26,0.06), 0 1px 3px rgba(15,15,26,0.04);
  --shadow-lg:  0 8px 28px rgba(15,15,26,0.1), 0 2px 6px rgba(15,15,26,0.04);
  --shadow-xl:  0 16px 48px rgba(15,15,26,0.14);
  --shadow-card: 0 1px 3px rgba(15,15,26,0.04), 0 1px 2px rgba(15,15,26,0.03);
  --shadow-card-hover: 0 8px 28px rgba(15,15,26,0.1), 0 2px 4px rgba(15,15,26,0.04);
  --shadow-primary: 0 6px 20px rgba(255,107,53,0.24);
  --t-fast: 0.15s ease; --t-base: 0.2s ease; --t-slow: 0.35s ease;
  --container: 1200px; --header-h: 64px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--dark-2);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:var(--font-body);cursor:pointer;border:none;background:none;max-width:100%}
input,textarea,select{font-family:var(--font-body);font-size:14px;max-width:100%}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--dark-2)}

.t-h1{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-0.03em}
.t-h2{font-size:clamp(26px,3.5vw,40px);font-weight:700;letter-spacing:-0.025em}
.t-h3{font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:-0.02em}
.t-h4{font-size:20px;font-weight:600;letter-spacing:-0.01em}
.t-h5{font-size:17px;font-weight:600}
.t-body-lg{font-size:17px;line-height:1.7}
.t-body{font-size:15px;line-height:1.6}
.t-small{font-size:13px;line-height:1.5}
.t-xs{font-size:11px;line-height:1.4;letter-spacing:0.03em}
.t-label{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}

.text-primary{color:var(--primary)}
.text-dark{color:var(--dark-2)}
.text-muted{color:var(--gray-500)}
.text-light{color:var(--gray-400)}
.text-white{color:var(--white)}
.text-success{color:var(--success)}
.text-error{color:var(--error)}

:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--gray-100)}
::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}
::selection{background:var(--primary-100);color:var(--primary-dark)}