/* ==========================================================================
   Akın Reklam: tasarım değişkenleri
   Yerleşim fikri: beyaz zemin, ince çerçeve çizgileriyle ayrılan bol boşluklu
   bölümler. Renk yalnızca küre (orb), gradyan ve vurgu öğelerinde kullanılır.
   Marka renkleri 1. görseldeki çiçek paletinden birebir örneklendi.
   ========================================================================== */

/* Küre renkleri yumuşak geçiş yapabilsin diye renk türünde kaydediliyor */
@property --o1 { syntax: "<color>"; inherits: true; initial-value: #FFE3B8; }
@property --o2 { syntax: "<color>"; inherits: true; initial-value: #F97E29; }
@property --o3 { syntax: "<color>"; inherits: true; initial-value: #EE2D20; }
@property --o4 { syntax: "<color>"; inherits: true; initial-value: #A7396C; }

:root {
  color-scheme: light;

  /* Marka renkleri */
  --akin-orange: #F97E29;  /* Akın Turuncu: ana vurgu (grafik, küre, büyük yüzey) */
  --akin-ember: #EE2D20;   /* Kor: sıcak destek rengi */
  --akin-orchid: #A7396C;  /* Orkide: turuncudan mora geçiş tonu */
  --akin-plum: #811C62;    /* Akın Moru: ana ikinci renk, metin içi vurgu */
  --akin-night: #361939;   /* Gece Moru: koyu yüzeyler */

  /* Beyaz üstüne nötrler (hafif sıcak-mor eğilimli) */
  --bg: #FFFFFF;
  --surface: #F7F4F3;
  --surface-2: #EFEBEA;
  --line: #ECE7E6;
  --line-strong: #DCD5D4;
  --ink: #150F17;
  --ink-2: #2D2530;
  --muted: #756C77;
  --muted-2: #9A919B;
  --dark: #1C1320;
  --on-dark: #FFFFFF;
  --on-dark-muted: rgba(255, 255, 255, .62);
  --on-dark-faint: rgba(255, 255, 255, .36);
  --error: #B42318;
  --success: #2F9E62;

  /* Gradyanlar */
  --grad-brand: linear-gradient(120deg, var(--akin-orange) 0%, var(--akin-ember) 34%, var(--akin-orchid) 68%, var(--akin-plum) 100%);
  --grad-text: linear-gradient(95deg, var(--akin-orange) 0%, var(--akin-ember) 38%, var(--akin-orchid) 72%, var(--akin-plum) 100%);
  /* Işıltı şeridi: gradyanlı yazının ve logonun üzerinden geçen sıcak beyaz ışık (base.css @keyframes isilti) */
  --isilti: linear-gradient(110deg, transparent 43%, rgba(255, 247, 235, .82) 49.5%, rgba(255, 247, 235, .82) 50.5%, transparent 57%);

  /* Tipografi */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-display: clamp(2.75rem, 1.6rem + 3.9vw, 4.75rem);
  --fs-h2: clamp(2rem, 1.4rem + 2vw, 3.125rem);
  --fs-h3: 1.1875rem;
  --fs-lead: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;
  --fs-micro: .8125rem;

  /* Ölçüler */
  --container: 1320px;
  --gutter: clamp(16px, 4vw, 56px);
  --section-pad: clamp(72px, 9vw, 136px);
  --header-h: 68px;
  --r-xl: 32px;
  --r-lg: 24px;
  --r-md: 16px;
  --r-sm: 12px;
  --r-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(21, 15, 23, .05);
  --shadow-float: 0 1px 1px rgba(21, 15, 23, .04), 0 18px 50px -14px rgba(54, 25, 57, .32);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);

  /* Doku (veri URI) */
  /* İnce film greni (yüksek kontrast) ve kaba, lekeli ikinci doku: küre ve gradyanlara derinlik verir */
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='2' intercept='-.5'/><feFuncG type='linear' slope='2' intercept='-.5'/><feFuncB type='linear' slope='2' intercept='-.5'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --grain-soft: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='360' height='360'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='1.6' intercept='-.3'/><feFuncG type='linear' slope='1.6' intercept='-.3'/><feFuncB type='linear' slope='1.6' intercept='-.3'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}