/* Park326 Hatay Döneri — Design Tokens */

:root {
  /* Brand core */
  --color-charcoal:        #0E0B0A;
  --color-charcoal-2:      #1A1613;
  --color-charcoal-3:      #26201C;
  --color-ember:           #E8451C;
  --color-ember-hover:     #C73712;
  --color-amber:           #F2A03D;
  --color-cream:           #FAF6EF;
  --color-cream-2:         #F2ECE0;
  --color-warm-700:        #3A322E;
  --color-warm-500:        #6B5F58;
  --color-warm-300:        #C9BDB2;
  --color-warm-200:        #E4DCD0;

  /* State */
  --color-success:         #4F7D3B;
  --color-success-bg:      #ECF1E4;
  --color-error:           #B3261E;
  --color-error-bg:        #FBEAE8;

  /* Type */
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-body:    'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-md:    1.125rem;
  --text-lg:    1.375rem;
  --text-xl:    1.75rem;
  --text-2xl:   2.25rem;
  --text-3xl:   clamp(2.25rem, 4.5vw, 3.75rem);
  --text-hero:  clamp(2.75rem, 7vw, 5.75rem);

  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.55;
  --leading-loose:   1.7;

  /* Space */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Layout */
  --container:        1240px;
  --container-narrow:  720px;
  --container-wide:   1440px;

  /* Motion */
  --ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:        150ms;
  --dur-base:        250ms;
  --dur-slow:        500ms;

  /* Elevation */
  --shadow-sm:  0 1px 2px rgba(14, 11, 10, 0.08);
  --shadow-md:  0 6px 18px rgba(14, 11, 10, 0.12);
  --shadow-lg:  0 20px 50px rgba(14, 11, 10, 0.18);
  --shadow-ember: 0 10px 30px rgba(232, 69, 28, 0.35);
}