/* ============================================================
   FLEAMA DESIGN SYSTEM — CSS CUSTOM PROPERTIES
   All other CSS files consume these tokens.
   ============================================================ */

:root {

  /* ── Colors ──────────────────────────────────────────── */
  --fl-primary:          #6B2737;   /* dark rose/burgundy  – primary buttons, active */
  --fl-primary-hover:    #591F2D;   /* darker on hover                               */
  --fl-primary-light:    #F7E8EA;   /* blush – card accents, "arıyor" strip, badges  */
  --fl-primary-mid:      #C9636E;   /* mid-rose – secondary button border/text       */

  --fl-bg-page:          #FAF6F4;   /* warm off-white – page background              */
  --fl-bg-card:          #FFFFFF;   /* card surfaces                                 */
  --fl-bg-sidebar:       #F5F0EE;   /* filter panels, sidebar                        */
  --fl-bg-hero:          #F2E8E5;   /* hero right-side decorative area               */

  --fl-border:           #E8E0DC;   /* card borders, input borders                   */
  --fl-border-input:     #DDD5D0;   /* focused input border                          */

  --fl-text-heading:     #1A1A1A;   /* headings                                      */
  --fl-text-body:        #3A3A3A;   /* body text                                     */
  --fl-text-secondary:   #6B6B6B;   /* subtext, meta info                            */
  --fl-text-muted:       #9E9E9E;   /* placeholder, disabled                         */

  --fl-success:          #2E7D32;   /* trust badge (Güvenilir Takasçı)               */
  --fl-success-bg:       #E8F5E9;
  --fl-warning:          #F59E0B;   /* star ratings                                  */
  --fl-info-bg:          #EEF2FF;

  /* ── Typography ─────────────────────────────────────── */
  --fl-font-family:      'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --fl-text-xs:          0.70rem;   /* 11px – tiny labels                            */
  --fl-text-sm:          0.75rem;   /* 12px – badges, meta                           */
  --fl-text-base:        0.875rem;  /* 14px – body copy                              */
  --fl-text-md:          1rem;      /* 16px – default                                */
  --fl-text-lg:          1.125rem;  /* 18px – card titles                            */
  --fl-text-xl:          1.375rem;  /* 22px – section headings                       */
  --fl-text-2xl:         1.75rem;   /* 28px – page titles                            */
  --fl-text-hero:        2.75rem;   /* 44px – landing hero                           */

  --fl-fw-regular:       400;
  --fl-fw-medium:        500;
  --fl-fw-semibold:      600;
  --fl-fw-bold:          700;

  /* ── Border Radius ───────────────────────────────────── */
  --fl-radius-sm:        6px;
  --fl-radius-md:        12px;
  --fl-radius-lg:        16px;
  --fl-radius-xl:        20px;
  --fl-radius-pill:      50px;
  --fl-radius-circle:    50%;

  /* ── Shadows ─────────────────────────────────────────── */
  --fl-shadow-xs:        0 1px 3px rgba(0, 0, 0, 0.06);
  --fl-shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.08);
  --fl-shadow-md:        0 4px 16px rgba(0, 0, 0, 0.10);
  --fl-shadow-nav:       0 1px 4px rgba(0, 0, 0, 0.07);
  --fl-shadow-card:      0 2px 12px rgba(107, 39, 55, 0.07);

  /* ── Spacing ─────────────────────────────────────────── */
  --fl-space-1:  4px;
  --fl-space-2:  8px;
  --fl-space-3:  12px;
  --fl-space-4:  16px;
  --fl-space-5:  20px;
  --fl-space-6:  24px;
  --fl-space-8:  32px;
  --fl-space-10: 40px;
  --fl-space-12: 48px;
  --fl-space-16: 64px;

  /* ── Transitions ─────────────────────────────────────── */
  --fl-transition: all 0.2s ease;
  --fl-transition-slow: all 0.35s ease;
}