/* ============================================
   GOLDEN INK TATTOO STUDIO — Design System
   variables.css — Tüm tasarım tokenları
   ============================================ */

:root {
  /* ── Ana Renkler ── */
  --black:          #0A0A0A;
  --surface:        #111111;
  --surface-2:      #1A1A1A;
  --gold:           #C9A84C;
  --gold-light:     #E8C97A;
  --gold-dark:      #8B6914;
  --gold-subtle:    rgba(201, 168, 76, 0.08);
  --gold-medium:    rgba(201, 168, 76, 0.15);
  --white:          #F5F0E8;
  --muted:          #9A9080;
  --placeholder:    #5A5048;

  /* ── Kenarlıklar ── */
  --border:         rgba(201, 168, 76, 0.15);
  --border-hover:   rgba(201, 168, 76, 0.45);

  /* ── Semantik ── */
  --success:        #4CAF7A;
  --error:          #E05252;

  /* ── Gölgeler ── */
  --shadow-card:    0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-gold:    0 0 40px rgba(201, 168, 76, 0.15);
  --shadow-gold-lg: 0 0 80px rgba(201, 168, 76, 0.25);

  /* ── Geçiş Zamanlamaları ── */
  --ease:           cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-sharp:     cubic-bezier(0.77, 0, 0.175, 1);
  --fast:           180ms;
  --mid:            360ms;
  --slow:           700ms;

  /* ── Spacing ── */
  --section-gap:    120px;
  --section-gap-md: 80px;
  --section-gap-sm: 60px;
  --container:      1280px;
  --container-pad:  clamp(20px, 5vw, 80px);

  /* ── Border Radius ── */
  --radius-sm:      4px;
  --radius-md:      8px;
  --radius-lg:      16px;

  /* ── Tipografik Ölçek ── */
  --text-xs:   0.75rem;     /* 12px */
  --text-sm:   0.875rem;    /* 14px */
  --text-base: 1rem;        /* 16px */
  --text-lg:   1.25rem;     /* 20px */
  --text-xl:   1.5rem;      /* 24px */
  --text-2xl:  2rem;        /* 32px */
  --text-3xl:  2.5rem;      /* 40px */
  --text-4xl:  3.5rem;      /* 56px */
  --text-5xl:  5rem;        /* 80px */
  --text-6xl:  7rem;        /* 112px */

  /* ── Font Aileleri ── */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-display: 'Cinzel Decorative', 'Cormorant Garamond', serif;
  --font-body:    'Jost', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'Courier Prime', 'Courier New', monospace;
}