/* FullShipping — tasarım token'ları (light + dark). Tek kaynak. */
:root {
  /* Marka */
  --fs-violet-50:  #F3F0FF;
  --fs-violet-100: #E7E1FF;
  --fs-violet-200: #CFC3FF;
  --fs-violet-300: #AC98FF;
  --fs-violet-400: #8C71FF;
  --fs-violet-500: #6B4EFF;
  --fs-violet-600: #5733F0;
  --fs-violet-700: #4423CC;
  --fs-violet-900: #251468;

  --fs-amber-100: #FFEBD1;
  --fs-amber-400: #FFA940;
  --fs-amber-500: #FF9E2C;
  --fs-amber-600: #E8801A;

  /* Durum */
  --fs-success-50: #E7F8F0;
  --fs-success-500: #17B26A;
  --fs-success-700: #0C8752;
  --fs-warning-50: #FFF6E5;
  --fs-warning-500: #F79009;
  --fs-danger-50: #FEECEB;
  --fs-danger-500: #F04438;
  --fs-danger-700: #C4271C;
  --fs-info-50: #EAF2FF;
  --fs-info-500: #3B82F6;

  /* Nötr (mor tonlu gri) */
  --fs-n-0:  #FFFFFF;
  --fs-n-25: #FAF9FD;
  --fs-n-50: #F6F5FB;
  --fs-n-100:#EFEDF7;
  --fs-n-200:#E4E1F0;
  --fs-n-300:#CFCBE0;
  --fs-n-400:#A9A4BF;
  --fs-n-500:#817C99;
  --fs-n-600:#615C7A;
  --fs-n-700:#453F5E;
  --fs-n-800:#2A2445;
  --fs-n-900:#16112E;
  --fs-n-950:#0A0818;

  /* Semantik — light */
  --fs-canvas: var(--fs-n-50);
  --fs-canvas-alt: var(--fs-n-25);
  --fs-surface: var(--fs-n-0);
  --fs-surface-2: var(--fs-n-25);
  --fs-surface-3: var(--fs-n-100);
  --fs-surface-inverse: var(--fs-n-900);
  --fs-border: var(--fs-n-200);
  --fs-border-strong: var(--fs-n-300);
  --fs-ink: var(--fs-n-900);
  --fs-ink-2: var(--fs-n-700);
  --fs-ink-3: var(--fs-n-500);
  --fs-ink-inverse: #FFFFFF;
  --fs-brand: var(--fs-violet-500);
  --fs-brand-hover: var(--fs-violet-600);
  --fs-brand-soft: var(--fs-violet-50);
  --fs-brand-ink: #FFFFFF;
  --fs-accent: var(--fs-amber-500);
  --fs-focus: var(--fs-violet-400);

  /* Yükseklik */
  --fs-shadow-xs: 0 1px 2px rgba(22, 17, 46, .06);
  --fs-shadow-sm: 0 2px 6px rgba(22, 17, 46, .06), 0 1px 2px rgba(22, 17, 46, .04);
  --fs-shadow-md: 0 8px 24px -6px rgba(22, 17, 46, .12), 0 2px 6px rgba(22, 17, 46, .05);
  --fs-shadow-lg: 0 24px 56px -16px rgba(22, 17, 46, .18), 0 6px 16px rgba(22, 17, 46, .06);
  --fs-shadow-xl: 0 48px 96px -24px rgba(37, 20, 104, .28);
  --fs-glow: 0 16px 48px -12px rgba(107, 78, 255, .45);

  /* Yarıçap */
  --fs-r-xs: 8px;
  --fs-r-sm: 12px;
  --fs-r-md: 16px;
  --fs-r-lg: 22px;
  --fs-r-xl: 28px;
  --fs-r-2xl: 36px;
  --fs-r-pill: 999px;

  /* Boşluk ölçeği */
  --fs-s-1: 4px;  --fs-s-2: 8px;  --fs-s-3: 12px; --fs-s-4: 16px;
  --fs-s-5: 20px; --fs-s-6: 24px; --fs-s-8: 32px; --fs-s-10: 40px;
  --fs-s-12: 48px; --fs-s-16: 64px; --fs-s-20: 80px; --fs-s-24: 96px;
  --fs-s-32: 128px;

  /* Tipografi */
  /* Tek font. Yedek yığın yok — RoundedSoft yüklenmezse tarayıcı varsayılanı
     kullanılır, ama hiçbir kural başka bir aile ADI belirtmez. */
  --fs-font: "RoundedSoft";
  --fs-fs-display: clamp(40px, 5.2vw, 76px);
  --fs-fs-h1: clamp(34px, 3.6vw, 52px);
  --fs-fs-h2: clamp(27px, 2.4vw, 38px);
  --fs-fs-h3: clamp(21px, 1.5vw, 26px);
  --fs-fs-h4: 18px;
  --fs-fs-lead: clamp(17px, 1.2vw, 20px);
  --fs-fs-body: 15px;
  --fs-fs-sm: 13.5px;
  --fs-fs-xs: 12px;
  --fs-lh-tight: 1.06;
  --fs-lh-snug: 1.25;
  --fs-lh-body: 1.6;
  --fs-tracking-display: -.028em;
  --fs-tracking-eyebrow: .16em;

  /* Yerleşim */
  --fs-container: 1240px;
  --fs-container-wide: 1440px;
  --fs-header-h: 76px;
  --fs-sidebar-w: 268px;
  --fs-sidebar-w-collapsed: 76px;
  --fs-topbar-h: 68px;

  /* Hareket */
  --fs-ease: cubic-bezier(.22, .8, .28, 1);
  --fs-ease-out: cubic-bezier(.16, 1, .3, 1);
  --fs-dur-1: .14s;
  --fs-dur-2: .24s;
  --fs-dur-3: .42s;

  --fs-z-header: 100;
  --fs-z-drawer: 200;
  --fs-z-modal: 300;
  --fs-z-toast: 400;

  color-scheme: light;
}

[data-theme="dark"] {
  --fs-canvas: var(--fs-n-950);
  --fs-canvas-alt: #0E0B20;
  --fs-surface: #16122C;
  --fs-surface-2: #1C1736;
  --fs-surface-3: #241D42;
  --fs-surface-inverse: #FFFFFF;
  --fs-border: #2A2350;
  --fs-border-strong: #3A3168;
  --fs-ink: #F4F2FF;
  --fs-ink-2: #C6C0E4;
  --fs-ink-3: #918BB4;
  --fs-ink-inverse: #16112E;
  --fs-brand: var(--fs-violet-400);
  --fs-brand-hover: var(--fs-violet-300);
  --fs-brand-soft: rgba(107, 78, 255, .16);
  --fs-brand-ink: #FFFFFF;
  --fs-success-50: rgba(23, 178, 106, .14);
  --fs-warning-50: rgba(247, 144, 9, .14);
  --fs-danger-50: rgba(240, 68, 56, .14);
  --fs-info-50: rgba(59, 130, 246, .14);
  --fs-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);
  --fs-shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);
  --fs-shadow-md: 0 10px 28px -8px rgba(0, 0, 0, .6);
  --fs-shadow-lg: 0 28px 64px -20px rgba(0, 0, 0, .7);
  --fs-shadow-xl: 0 48px 96px -24px rgba(0, 0, 0, .8);
  --fs-glow: 0 18px 56px -14px rgba(140, 113, 255, .5);
  color-scheme: dark;
}