/* ==========================================================================
   BIOPHILIC ULTRA-SOFT DESIGN TOKENS
   cinarteknoloji.com — Pure Frameless Architecture
   Zero Pure Charcoal | Zero Neon | Zero Cold Corporate Grays
   ========================================================================== */

:root {
  /* Typography Font Families (Full Turkish latin-ext support) */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  /* Warm Porcelain & Silk Cream Backgrounds */
  --bg-porcelain: #FAF8F5;
  --bg-silk-cream: #FDFBF7;
  --bg-linen: #F7F4ED;
  --bg-canvas: #FAF8F5;

  /* Biophilic Organic Palette & Fog Accents */
  --accent-sage: #5E9E82;
  --accent-sage-soft: #A8DBC4;
  --accent-sage-mist: #D6EDE2;
  --accent-eucalyptus-fog: #EBF3EE;
  --accent-eucalyptus-subtle: #F4F7F4;
  --accent-sky: #B8DCE8;
  --accent-sky-mist: #EDF4F7;
  --accent-sunlight: #F5EEDB;
  --accent-sunlight-warm: #EDE4CE;

  /* Qualitative Vision Tone Accents */
  --tone-verimlilik: #5E9E82;
  --tone-yesil: #6AA88A;
  --tone-umut: #7FAEC2;
  --tone-enerji: #CDB686;
  --tone-dinginlik: #85A396;
  --tone-guven: #5B8A99;

  /* Typography Colors — Deep Forest Slate & Calm Muted (Zero Monochromatic Charcoal) */
  --text-primary: #1F302B;
  --text-secondary: #4A635A;
  --text-muted: #6B7F77;
  --text-faint: #8E9F98;

  /* Interactive Frameless Pill Surfaces */
  --pill-bg: rgba(253, 251, 247, 0.85);
  --pill-bg-hover: rgba(255, 255, 255, 0.98);
  --pill-accent-bg: rgba(94, 158, 130, 0.14);
  --pill-accent-hover: rgba(94, 158, 130, 0.22);
  --pill-cta-bg: linear-gradient(135deg, #5E9E82 0%, #4A836D 100%);
  --pill-cta-text: #FDFBF7;

  /* Easing curves */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.25, 0.8, 0.25, 1);
}