/* =============================================
   HIGHTECH POLIMER — Design Tokens
   ============================================= */

:root {
  /* Background Hierarchy — AÇIK TONLAR */
  --bg-darkest:    #0e1f16;
  --bg-dark:       #132b1e;
  --bg-mid:        #1a3d28;
  --bg-card:       #1f4830;
  --bg-elevated:   #265a3a;

  /* Green Spectrum */
  --green-900:     #0d4a28;
  --green-700:     #1a8a4a;
  --green-500:     #2ecc71;
  --green-400:     #4aedc4;
  --green-300:     #00e676;
  --green-glow:    rgba(46, 204, 113, 0.4);

  /* Accent */
  --teal:          #00bfa5;
  --teal-glow:     rgba(0, 191, 165, 0.3);
  --gold:          #c5a55a;
  --orange:        #e67e22;

  /* Text — YÜKSEK KONTRAST */
  --text-primary:   #f5fbf6;
  --text-secondary: rgba(245, 251, 246, 0.82);
  --text-muted:     rgba(245, 251, 246, 0.55);
  --text-dim:       rgba(245, 251, 246, 0.25);

  /* Glass & Borders — DAHA GÖRÜNÜR */
  --glass:          rgba(255, 255, 255, 0.07);
  --glass-hover:    rgba(255, 255, 255, 0.12);
  --glass-strong:   rgba(255, 255, 255, 0.17);
  --border:         rgba(255, 255, 255, 0.14);
  --border-hover:   rgba(46, 204, 113, 0.35);
  --border-active:  rgba(46, 204, 113, 0.55);
  --border-subtle:  rgba(255, 255, 255, 0.09);

  /* Gradients */
  --grad-green:     linear-gradient(135deg, #2ecc71, #00bfa5);
  --grad-green-v:   linear-gradient(180deg, #2ecc71, #00bfa5);
  --grad-dark:      linear-gradient(180deg, #132b1e 0%, #0e1f16 100%);
  --grad-card:      linear-gradient(135deg, rgba(46,204,113,0.08), rgba(0,191,165,0.04));
  --grad-glow:      radial-gradient(ellipse 60% 50% at 50% 50%, rgba(46,204,113,0.08) 0%, transparent 70%);

  /* Typography */
  --font-sans:      'Instrument Sans', system-ui, -apple-system, sans-serif;
  --font-mono:      'JetBrains Mono', 'SF Mono', monospace;

  /* Spacing */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-2xl:  64px;
  --space-3xl:  100px;
  --space-4xl:  140px;

  /* Border Radius */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-full: 9999px;

  /* Transitions */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration:    0.4s;
  --duration-fast: 0.2s;
  --duration-slow: 0.8s;

  /* Z-index */
  --z-base:     1;
  --z-dropdown: 50;
  --z-sticky:   90;
  --z-nav:      100;
  --z-overlay:  200;
  --z-modal:    300;

  /* Layout */
  --max-width:    1280px;
  --nav-height:   72px;
  --topbar-height: 0px;
  --section-padding: clamp(60px, 10vw, 140px);
}