/* ==========================================================================
   ecording Design System — TOKEN KATMANI
   ÜRETİLEN DOSYA — elle düzenlemeyin.
   Kaynak : tokens/ecording-tokens.json  (EDS get_tokens, platform=web)
   Üretim : node scripts/build-eds-tokens.mjs
   Sürüm  : 0.1.0 (draft) · 298 token · 264 css değişkeni
   ========================================================================== */

:root {
  /* Nötr rampa — kroma sıfır, tek rampa */
  --eco-color-neutral-50  : #F7F7F7;
  --eco-color-neutral-100 : #EEEEEE;
  --eco-color-neutral-200 : #DDDDDD;
  --eco-color-neutral-300 : #C8C8C8;
  --eco-color-neutral-400 : #B3B3B3;
  --eco-color-neutral-500 : #9D9D9D;
  --eco-color-neutral-600 : #828282;
  --eco-color-neutral-700 : #616161;
  --eco-color-neutral-800 : #464646;
  --eco-color-neutral-900 : #2E2E2E;
  --eco-color-neutral-950 : #1A1A1A;

  /* Marka yeşilleri — primary yalnız buton yüzeyi, secondary okunan yeşil */
  --eco-brand-primary   : #88C426;
  --eco-brand-secondary : #377A36;

  /* Yüzeyler */
  --eco-surface-base         : #FFFFFF;
  --eco-surface-page         : #F7F7F7;
  --eco-surface-subtle       : #EEEEEE;
  --eco-surface-raised       : #FFFFFF;
  --eco-surface-overlay      : #FFFFFF;
  --eco-surface-dark         : #102A1B;
  --eco-surface-dark-raised  : #183B27;
  --eco-surface-dark-deep    : #0B2115;
  --eco-surface-dark-sunken  : #07190F;
  --eco-surface-dark-overlay : #224A33;
  --eco-surface-wash         : rgba(0, 0, 0, 0.05);
  --eco-surface-wash-strong  : rgba(0, 0, 0, 0.07);
  --eco-surface-brand        : #88C426;
  --eco-surface-brand-strong : #377A36;
  --eco-surface-inverse      : #102A1B;
  --eco-surface-box          : #FFFFFF;
  --eco-surface-box-alt      : #EEEEEE;

  /* Metin — dört seviye, üçü okunur */
  --eco-text-primary         : #1A1A1A;
  --eco-text-secondary       : #464646;
  --eco-text-muted           : #616161;
  --eco-text-disabled        : #9D9D9D;
  --eco-text-link            : #377A36;
  --eco-text-link-hover      : #316A30;
  --eco-text-link-on-tint    : #316A30;
  --eco-text-on-brand        : #1A1A1A;
  --eco-text-on-brand-strong : #FFFFFF;
  --eco-text-on-dark         : #EEEEEE;
  --eco-text-on-inverse      : #EEEEEE;

  /* Çizgi ve focus */
  --eco-border-line  : rgba(0, 0, 0, 0.11);
  --eco-border-focus : #539251;

  /* Çizgi kalınlıkları */
  --eco-borderwidth-hairline        : 1px;
  --eco-borderwidth-thick           : 2px;
  --eco-borderwidth-underline       : 1.5px;
  --eco-borderwidth-underline-hover : 2.5px;
  --eco-borderwidth-icon            : 1.5px;

  /* Köşe ölçeği */
  --eco-radius-none : 0;
  --eco-radius-sm   : 8px;
  --eco-radius-md   : 12px;
  --eco-radius-lg   : 20px;
  --eco-radius-full : 9999px;

  /* Boşluk ölçeği */
  --eco-space-0   : 0;
  --eco-space-1   : 4px;
  --eco-space-2   : 8px;
  --eco-space-3   : 12px;
  --eco-space-4   : 16px;
  --eco-space-5   : 20px;
  --eco-space-6   : 24px;
  --eco-space-7   : 28px;
  --eco-space-8   : 32px;
  --eco-space-10  : 40px;
  --eco-space-12  : 48px;
  --eco-space-14  : 56px;
  --eco-space-16  : 64px;
  --eco-space-20  : 80px;
  --eco-space-24  : 96px;
  --eco-space-32  : 128px;
  --eco-space-40  : 160px;
  --eco-space-px  : 1px;
  --eco-space-0-5 : 2px;
  --eco-space-1-5 : 6px;
  --eco-space-2-5 : 10px;

  /* Kontrol iç boşlukları */
  --eco-control-py-sm      : 8px;
  --eco-control-px-sm      : 14px;
  --eco-control-py-md      : 10px;
  --eco-control-px-md      : 18px;
  --eco-control-py-lg      : 12px;
  --eco-control-px-lg      : 22px;
  --eco-control-pill-py-xs : 2px;
  --eco-control-pill-px-xs : 8px;
  --eco-control-pill-py-sm : 3px;
  --eco-control-pill-px-sm : 9px;
  --eco-control-pill-py-md : 4px;
  --eco-control-pill-px-md : 10px;
  --eco-control-pill-py-lg : 5px;
  --eco-control-pill-px-lg : 12px;

  /* Buton */
  --eco-button-primary-fill        : #88C426;
  --eco-button-primary-fill-hover  : #7AB422;
  --eco-button-primary-fill-active : #66A52D;
  --eco-button-primary-text        : #1A1A1A;
  --eco-button-white-fill          : #FFFFFF;
  --eco-button-white-fill-hover    : #F0F0F0;
  --eco-button-white-text          : #1A1A1A;
  --eco-button-white-border        : rgba(0, 0, 0, 0.11);
  --eco-button-white-border-hover  : #1A1A1A;
  --eco-button-strong-text         : #FFFFFF;
  --eco-button-danger-fill         : #B9433C;
  --eco-button-danger-fill-hover   : #A33B35;
  --eco-button-danger-fill-active  : #943630;
  --eco-button-danger-text         : #FFFFFF;

  /* Tek cam filmi */
  --eco-glass-bg        : rgba(255, 255, 255, 0.07);
  --eco-glass-bg-hover  : rgba(0, 0, 0, 0.33);
  --eco-glass-bg-active : rgba(0, 0, 0, 0.45);
  --eco-glass-blur      : 20px;
  --eco-glass-fallback  : rgba(16, 42, 27, 0.92);
  --eco-glass-border    : rgba(255, 255, 255, 0.17);

  /* Tek gradient */
  --eco-gradient-deep : linear-gradient(135deg, #102A1B 0%, #183B27 60%, #224A33 100%);

  /* Etiket / pill */
  --eco-label-pill-text   : #1A1A1A;
  --eco-label-pill-fill   : #FFFFFF;
  --eco-label-pill-border : rgba(0, 0, 0, 0.11);
  --eco-label-text        : #377A36;
  --eco-label-brand-fill  : #F2FBE8;
  --eco-label-brand-text  : #377A36;

  /* Badge */
  --eco-badge-filled-fill : #DDDDDD;
  --eco-badge-filled-text : #1A1A1A;

  /* İkon renkleri */
  --eco-icon-default         : #464646;
  --eco-icon-muted           : #616161;
  --eco-icon-accent          : #377A36;
  --eco-icon-on-brand        : #1A1A1A;
  --eco-icon-on-brand-strong : #FFFFFF;
  --eco-icon-inverse         : #EEEEEE;

  /* Geri bildirim — success */
  --eco-success-text    : #377A36;
  --eco-success-surface : #F1FBF0;
  --eco-success-border  : #A8DCA5;

  /* Geri bildirim — warning */
  --eco-warning-text    : #7B5100;
  --eco-warning-surface : #FFF6EA;
  --eco-warning-border  : #F2C382;

  /* Geri bildirim — danger */
  --eco-danger-text    : #B9433C;
  --eco-danger-surface : #FFF5F3;
  --eco-danger-border  : #FFB7AE;

  /* Geri bildirim — info */
  --eco-info-text    : #1F6DA3;
  --eco-info-surface : #F1F9FF;
  --eco-info-border  : #9ED3FF;

  /* Grafik */
  --eco-chart-surface : #FFFFFF;
  --eco-chart-grid    : #DDDDDD;
  --eco-chart-axis    : #616161;

  /* Aileler — Avenir okur, Montserrat adlandırır */
  --eco-fontfamily-sans  : 'Avenir', sans-serif;
  --eco-fontfamily-label : 'Montserrat', sans-serif;
  --eco-fontfamily-num   : 'Montserrat', sans-serif;

  /* Ağırlık — lisanslı üç kesim (300/400/500); 600-700 Medium'a düşer */
  --eco-fontweight-regular  : 400;
  --eco-fontweight-medium   : 500;
  --eco-fontweight-semibold : 600;
  --eco-fontweight-bold     : 700;

  /* Tipografi ölçeği — masaüstü */
  --eco-fontsize-display-3xl : 88px;
  --eco-fontsize-display-2xl : 72px;
  --eco-fontsize-display-xl  : 60px;
  --eco-fontsize-display-lg  : 48px;
  --eco-fontsize-display-md  : 40px;
  --eco-fontsize-display-sm  : 34px;
  --eco-fontsize-h1          : 36px;
  --eco-fontsize-h2          : 30px;
  --eco-fontsize-h3          : 24px;
  --eco-fontsize-h4          : 20px;
  --eco-fontsize-h5          : 18px;
  --eco-fontsize-h6          : 16px;
  --eco-fontsize-body-xl     : 20px;
  --eco-fontsize-body-lg     : 18px;
  --eco-fontsize-body        : 16px;
  --eco-fontsize-body-sm     : 14px;
  --eco-fontsize-body-xs     : 13px;
  --eco-fontsize-caption     : 12px;
  --eco-fontsize-micro       : 11px;
  --eco-fontsize-label-lg    : 14px;
  --eco-fontsize-label-md    : 12px;
  --eco-fontsize-label-sm    : 11px;
  --eco-fontsize-label-xs    : 10px;
  --eco-fontsize-metric-3xl  : 72px;
  --eco-fontsize-metric-2xl  : 56px;
  --eco-fontsize-metric-xl   : 48px;
  --eco-fontsize-metric-lg   : 40px;
  --eco-fontsize-metric      : 32px;
  --eco-fontsize-metric-md   : 24px;
  --eco-fontsize-metric-sm   : 20px;
  --eco-fontsize-num-lg      : 18px;
  --eco-fontsize-num         : 16px;
  --eco-fontsize-num-sm      : 14px;
  --eco-fontsize-num-xs      : 12px;

  /* Tipografi ölçeği — mobil */
  --eco-fontsizemobile-display-3xl : 48px;
  --eco-fontsizemobile-display-2xl : 40px;
  --eco-fontsizemobile-display-xl  : 36px;
  --eco-fontsizemobile-display-lg  : 32px;
  --eco-fontsizemobile-display-md  : 28px;
  --eco-fontsizemobile-display-sm  : 26px;
  --eco-fontsizemobile-h1          : 26px;
  --eco-fontsizemobile-h2          : 22px;
  --eco-fontsizemobile-h3          : 20px;
  --eco-fontsizemobile-h4          : 18px;
  --eco-fontsizemobile-h5          : 16px;
  --eco-fontsizemobile-h6          : 15px;
  --eco-fontsizemobile-metric-3xl  : 44px;
  --eco-fontsizemobile-metric-2xl  : 36px;
  --eco-fontsizemobile-metric-xl   : 32px;
  --eco-fontsizemobile-metric-lg   : 30px;
  --eco-fontsizemobile-metric      : 28px;

  /* Satır yüksekliği */
  --eco-lineheight-display-3xl : 107.6%;
  --eco-lineheight-display-2xl : 109.3%;
  --eco-lineheight-display-xl  : 110.8%;
  --eco-lineheight-display-lg  : 113.0%;
  --eco-lineheight-display-md  : 115.3%;
  --eco-lineheight-display-sm  : 117.3%;
  --eco-lineheight-h1          : 118.8%;
  --eco-lineheight-h2          : 122.0%;
  --eco-lineheight-h3          : 125.6%;
  --eco-lineheight-h4          : 129.4%;
  --eco-lineheight-h5          : 132.6%;
  --eco-lineheight-h6          : 135.5%;
  --eco-lineheight-body-xl     : 155.0%;
  --eco-lineheight-body-lg     : 160.0%;
  --eco-lineheight-body        : 160.0%;
  --eco-lineheight-body-sm     : 155.0%;
  --eco-lineheight-body-xs     : 152.0%;
  --eco-lineheight-caption     : 148.0%;
  --eco-lineheight-micro       : 145.0%;
  --eco-lineheight-label-lg    : 130.0%;
  --eco-lineheight-label-md    : 130.0%;
  --eco-lineheight-label-sm    : 130.0%;
  --eco-lineheight-label-xs    : 130.0%;
  --eco-lineheight-metric-3xl  : 111.9%;
  --eco-lineheight-metric-2xl  : 113.7%;
  --eco-lineheight-metric-xl   : 115.0%;
  --eco-lineheight-metric-lg   : 116.4%;
  --eco-lineheight-metric      : 118.3%;
  --eco-lineheight-metric-md   : 121.7%;
  --eco-lineheight-metric-sm   : 125.0%;
  --eco-lineheight-num-lg      : 127.2%;
  --eco-lineheight-num         : 130.0%;
  --eco-lineheight-num-sm      : 133.6%;
  --eco-lineheight-num-xs      : 138.3%;

  /* Harf aralığı (yüzdeden em'e çevrildi) */
  --eco-letterspacing-display-3xl : -0.0553em;
  --eco-letterspacing-display-2xl : -0.0539em;
  --eco-letterspacing-display-xl  : -0.0522em;
  --eco-letterspacing-display-lg  : -0.0494em;
  --eco-letterspacing-display-md  : -0.0462em;
  --eco-letterspacing-display-sm  : -0.0434em;
  --eco-letterspacing-h1          : -0.0441em;
  --eco-letterspacing-h2          : -0.0397em;
  --eco-letterspacing-h3          : -0.0351em;
  --eco-letterspacing-h4          : -0.0308em;
  --eco-letterspacing-h5          : -0.0274em;
  --eco-letterspacing-h6          : -0.0246em;
  --eco-letterspacing-body-xl     : -0.0279em;
  --eco-letterspacing-body-lg     : -0.0248em;
  --eco-letterspacing-body        : -0.0212em;
  --eco-letterspacing-body-sm     : -0.0172em;
  --eco-letterspacing-body-xs     : -0.015em;
  --eco-letterspacing-caption     : -0.0127em;
  --eco-letterspacing-micro       : -0.0102em;
  --eco-letterspacing-label-lg    : 0.0357em;
  --eco-letterspacing-label-md    : 0.0417em;
  --eco-letterspacing-label-sm    : 0.0455em;
  --eco-letterspacing-label-xs    : 0.05em;
  /* Montserrat rakamlarda letter-spacing 0 (kurucu karari, 2026-09-17).
     Yalniz ALL-CAPS Montserrat -- label/avatar -- tracking tasir; onlar
     asagidaki label-* tokenlarinda pozitif tanimli. Bu degisiklik EDS'e
     de islenmeli, yoksa dosya yeniden cekildiginde geri doner. */
  --eco-letterspacing-metric-3xl: 0;
  --eco-letterspacing-metric-2xl: 0;
  --eco-letterspacing-metric-xl: 0;
  --eco-letterspacing-metric-lg: 0;
  --eco-letterspacing-metric: 0;
  --eco-letterspacing-metric-md: 0;
  --eco-letterspacing-metric-sm: 0;
  --eco-letterspacing-num-lg: 0;
  --eco-letterspacing-num: 0;
  --eco-letterspacing-num-sm: 0;
  --eco-letterspacing-num-xs: 0;
}