/**
 * Lansman videosunun görsel dili — docs/tasarim/DESIGN.md'nin video karşılığı.
 * Renkler sitenin Tailwind v4 tonlarıyla birebir (oklch); logo renkleri
 * public/kolay-tercih-mark.svg'den. Video 1080p olduğu için arayüz ölçüleri
 * sitenin 2 katıdır (h-12 = 48 px → 96–104 px).
 */

export const W = 1920;
export const H = 1080;
export const FPS = 30;

export const R = {
  // Bilgi mavisi (--primary) ve logo mavisi
  primary: "oklch(0.623 0.188 259.8)",
  mavi: "#3b82f6",
  mavi400: "oklch(0.707 0.165 254.624)",
  // Logo: şeftali + turuncu kare
  seftali: "#fdc7a7",
  turuncuLogo: "#ff5a00",
  // Aksiyon turuncusu (orange-500) ve hover'ı
  turuncu: "oklch(0.705 0.213 47.604)",
  turuncu600: "oklch(0.646 0.222 41.116)",
  turuncu50: "oklch(0.98 0.016 73.684)",

  slate50: "oklch(0.984 0.003 247.858)",
  slate100: "oklch(0.968 0.007 247.896)",
  slate200: "oklch(0.929 0.013 255.508)",
  slate300: "oklch(0.869 0.022 252.894)",
  slate400: "oklch(0.704 0.04 256.788)",
  slate500: "oklch(0.554 0.046 257.417)",
  slate600: "oklch(0.446 0.043 257.281)",
  slate700: "oklch(0.372 0.044 257.287)",
  slate800: "oklch(0.279 0.041 260.031)",
  slate900: "oklch(0.208 0.042 265.755)",
  slate950: "oklch(0.129 0.042 264.695)",
  beyaz: "#ffffff",

  // Risk / dilim renkleri — her zaman metin etiketiyle birlikte
  emerald500: "oklch(0.696 0.17 162.48)",
  emerald600: "oklch(0.596 0.145 163.225)",
  amber500: "oklch(0.769 0.188 70.08)",
  amber600: "oklch(0.666 0.179 58.318)",
  red500: "oklch(0.637 0.237 25.331)",
  red600: "oklch(0.577 0.245 27.325)",

  // Gösterge kareleri (§4.11)
  indigo500: "oklch(0.585 0.233 277.117)",
  green600: "oklch(0.627 0.194 149.214)",
} as const;

/** Piksel imzası: hero ızgarası (hücre 10, nokta 7.4, rx 2) oranları */
export const PIKSEL = {
  nokta: 0.74,
  rx: 0.2,
  // Hero doku paleti (turkey-pixel-map.tsx)
  opakliklar: [0.3, 0.16, 0.24, 0.12, 0.27, 0.19],
} as const;

export const opaklikFor = (x: number, y: number) =>
  PIKSEL.opakliklar[(x * 7 + y * 11) % PIKSEL.opakliklar.length];

/** Logo işareti (viewBox 180) */
export const LOGO_KARELER = [
  { x: 27, y: 56, boy: 57, renk: "#3b82f6" },
  { x: 91, y: 29, boy: 56, renk: "#fdc7a7" },
  { x: 91, y: 95, boy: 56, renk: "#ff5a00" },
] as const;