:root{
/* --- Notr rampa: Apple sistem grilerinden ayrildi, krem yonune isitildi.
       Kavela kremi (#E6D4C0) ile ayni sicak eksende, dusuk doygunlukta. --- */
--grey-0:#FFFFFF;
--grey-25:#FBFAF8;
--grey-50:#F5F3EF;
--grey-100:#F0EDE8;
--grey-150:#E8E4DD;
--grey-200:#DED9D1;
--grey-300:#C7C1B7;
--grey-400:#AEA79C;
--grey-500:#8E887E;
--grey-600:#6E6960;
--grey-700:#545049;
--grey-800:#3A3733;
--grey-900:#2C2A27;
--ink:#1D1B19;

/* --- Marka: bordo + krem. Bordo yalnizca aksiyon ve durum icin;
       krem yalnizca yuzey/malzeme icin. Ikisi de dekoratif degil. --- */
--brand-burgundy-50:#F7EFF0;
--brand-burgundy-500:#83283A;
--brand-burgundy-600:#6B1E2C;
--brand-burgundy-700:#55151F;
--brand-burgundy:var(--brand-burgundy-600);
/* Altin -- YALNIZ Premium hattinda. Sari degil, sampanya: koyu zeminde
   pahali okunsun diye dusuk doygunluk, yuksek aciklik. */
--gold-300:#E2CDA2;
--gold-400:#D3B888;
--gold-500:#C8A97E;
--gold-600:#A98A5E;
--brand-cream-50:#FAF6F0;
--brand-cream-200:#EFE3D4;
--brand-cream:#E6D4C0;

/* --- Semantik --- */
--green-600:#2E7D5B;
--green-50:#EDF6F1;
--amber-600:#B4761C;
--amber-50:#FBF3E6;
--red-600:#C0362C;
--red-50:#FBEEED;

/* --- Malzeme yuzeyleri (urun swatch'lari: fiziksel renk, UI grisi degil) --- */
--finish-white:#F4F4F2;
--finish-light-grey:#D8D8D4;
--finish-graphite:#3A3B3D;
--finish-oak:#C8A97E;
--finish-walnut:#6B4C33;
--finish-anthracite:#232426;

/* --- Semantik takma adlar: metin --- */
--text-primary:var(--ink);
--text-heading:var(--grey-900);
--text-secondary:var(--grey-600);
--text-tertiary:#7C766C; /* WCAG AA icin grey-500'den koyu */
--text-disabled:var(--grey-400);
--text-inverse:var(--grey-0);
--text-link:var(--text-primary);
--text-link-hover:var(--brand-burgundy);
--text-brand:var(--brand-burgundy);
--text-danger:var(--red-600);

/* --- Semantik takma adlar: yuzey --- */
--surface-page:var(--grey-0);
--surface-subtle:var(--grey-25);
--surface-sunken:var(--grey-50);
--surface-card:var(--grey-0);
--surface-inverse:var(--grey-900);
--surface-overlay:rgba(29,27,25,.4);
--surface-scrim:rgba(255,255,255,.93);
--surface-brand:var(--brand-burgundy);
--surface-brand-hover:var(--brand-burgundy-700);
--surface-brand-quiet:var(--brand-burgundy-50);

/* --- Semantik takma adlar: kenar --- */
--border-hairline:var(--grey-150);
--border-default:var(--grey-200);
--border-strong:var(--grey-300);
--border-inverse:rgba(255,255,255,.16);
--border-focus:var(--brand-burgundy);

/* --- Semantik takma adlar: kontrol --- */
--control-solid-bg:var(--grey-100);
--control-solid-bg-hover:var(--grey-150);
--control-solid-fg:var(--grey-800);
--control-quiet-bg:var(--grey-50);
--control-quiet-bg-hover:var(--grey-100);
--control-selected-bg:var(--grey-200);
--focus-ring:0 0 0 3px rgba(107,30,44,.32);
}
:root{
/* Barlow: mimari, dar apselli grotesk. Turkce tam kapsama (latin-ext).
   Source Serif 4: yalnizca editoryal vurgu (hero, band basligi). */
--font-sans:"Barlow","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-display:"Source Serif 4",Georgia,"Times New Roman",serif;
/* Sayisal/spec tipi ayni aile + tabular rakam; ayri token cunku spec degerleri
   prose'a dokunmadan yeniden bicimlenebilsin. */
--font-mono:var(--font-sans);
--font-numeric:var(--font-sans);

--weight-regular:400; /* @kind other */
--weight-medium:500; /* @kind other */
--weight-semibold:600; /* @kind other */

/* Tracking olcegi: dort adim, baskasi yok. */
--ls-tight:-.03em; /* @kind other */
--ls-snug:-.02em; /* @kind other */
--ls-normal:-.01em; /* @kind other */
--ls-relaxed:-.004em; /* @kind other */
--ls-wide:.09em; /* @kind other */

/* Display: yalnizca pazarlama basliklari. clamp ile 480px altinda iner. */
--size-display-1:clamp(40px, 6.4vw, 64px);  --lh-display-1:1.05; /* @kind other */ --ls-display-1:var(--ls-tight); /* @kind other */
--size-display-2:clamp(32px, 4.6vw, 46px);  --lh-display-2:1.07; /* @kind other */ --ls-display-2:var(--ls-tight); /* @kind other */
--size-display-3:clamp(26px, 3.2vw, 32px);  --lh-display-3:1.1; /* @kind other */  --ls-display-3:var(--ls-snug); /* @kind other */

/* Basliklar */
--size-h1:clamp(23px, 2.4vw, 27px); --lh-h1:1.15; /* @kind other */ --ls-h1:var(--ls-snug); /* @kind other */
--size-h2:21px; --lh-h2:1.2; /* @kind other */  --ls-h2:var(--ls-snug); /* @kind other */
--size-h3:17px; --lh-h3:1.3; /* @kind other */  --ls-h3:var(--ls-normal); /* @kind other */

/* Govde tracking */
--ls-body-lg:var(--ls-normal); /* @kind other */
--ls-body:var(--ls-normal); /* @kind other */
--ls-body-sm:var(--ls-normal); /* @kind other */
--ls-caption:var(--ls-relaxed); /* @kind other */

/* Govde */
--size-body-lg:17px; --lh-body-lg:1.55; /* @kind other */
--size-body:15px;    --lh-body:1.6; /* @kind other */
--size-body-sm:13px; --lh-body-sm:1.55; /* @kind other */
--size-caption:12px; --lh-caption:1.45; /* @kind other */
--size-micro:10px; /* @kind other */

/* Spec / eyebrow */
--size-spec:13px; --lh-spec:1.45; /* @kind other */ --ls-spec:var(--ls-normal); /* @kind other */
--size-eyebrow:10px; --lh-eyebrow:1.2; /* @kind other */ --ls-eyebrow:var(--ls-wide); /* @kind other */

/* Buton, etiket, chip */
--ls-ui:var(--ls-normal); /* @kind other */

/* Semantik takma adlar */
--text-heading-font:var(--font-sans);
--text-body-font:var(--font-sans);
--text-spec-font:var(--font-mono);
--text-display-font:var(--font-display);
}
:root{
--space-0:0px;
--space-1:2px;
--space-2:4px;
--space-3:8px;
--space-4:12px;
--space-5:16px;
--space-6:20px;
--space-7:24px;
--space-8:32px;
--space-9:40px;
--space-10:48px;
--space-11:64px;
--space-12:80px;
--space-13:96px;
--space-14:128px;
--space-15:160px;

--radius-none:0px;
--radius-xs:3px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:14px;
--radius-xl:20px;
--radius-2xl:28px;
--radius-pill:999px;
/* Chip geometrisi: buton, tag, badge, filtre hepsi buradan beslenir.
   Pill DEGIL: sert, mimari, premium. Pill yalnizca gercekten dairesel
   olanlarda (--radius-circle): swatch, sosyal ikon, avatar. */
--radius-chip:var(--radius-sm);
--radius-circle:var(--radius-pill);

--border-width:1px;
--border-width-strong:1.5px;

/* Kontrol yukseklikleri: ham px yerine tek kaynak */
--control-h-sm:32px; /* @kind other */
--control-h-md:40px; /* @kind other */
--control-h-lg:48px; /* @kind other */
--swatch-size:48px; /* @kind other */

/* Yerlesim */
--container-max:1240px; /* @kind other */
--container-narrow:760px; /* @kind other */
--gutter:24px; /* @kind other */
--section-y:var(--space-13); /* @kind other */
--grid-columns:12; /* @kind other */
--header-h:60px; /* @kind other */
--topbar-h:32px; /* @kind other */
--rail-w:420px; /* @kind other */
--bleed:var(--space-5); /* @kind other */
}
:root{
/* Kavela golgeleri neredeyse gorunmez. Isi hairline kenarlar yapar. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--border-hairline);
--shadow-1:0 1px 2px rgba(29,27,25,.04);
--shadow-2:0 2px 8px rgba(29,27,25,.05);
--shadow-3:0 8px 24px rgba(29,27,25,.07);
--shadow-4:0 24px 64px rgba(29,27,25,.10);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

--blur-panel:saturate(140%) blur(12px); /* @kind other */
}
:root{
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
--duration-instant:80ms; /* @kind other */
--duration-fast:140ms; /* @kind other */
--duration-base:220ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
--duration-reveal:640ms; /* @kind other */
--transition-control:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard); /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms; /* @kind other */--duration-base:0ms; /* @kind other */--duration-slow:0ms; /* @kind other */--duration-reveal:0ms /* @kind other */}}