:root {
  --brand-primary: #f04421;
  --brand-primary-dark: #d93618;
  --brand-primary-soft: #fff1e9;
  --brand-bg: #fff7f1;
  --brand-bg-strong: #ffd8c6;
  --brand-ring: #ffb292;
  --ink: #2a130c;
  --muted: #806155;
  --line: #f1d8ca;
  --paper: #ffffff;
  --soft: #fff7f1;
  --nfc-card-width-mm: 85.6;
  --nfc-card-height-mm: 53.98;
  --nfc-card-ratio: 85.6 / 53.98;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--ink);
  font-family: 'Inter', "Segoe UI", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.irenanfc-app-bg,
.irena-app-bg {
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 162, 111, .42), transparent 30%),
    radial-gradient(circle at 100% 100%, rgba(240, 68, 33, .22), transparent 34%),
    var(--brand-bg);
}

.irena-logo {
  display: block;
  width: auto;
  object-fit: contain;
}

.irenanfc-brand,
.irena-brand {
  color: var(--brand-primary);
  letter-spacing: 0.3px;
}

.bg-indigo-600,
.hover\:bg-indigo-700:hover,
.bg-violet-600,
.hover\:bg-violet-700:hover {
  background-color: var(--brand-primary) !important;
}

.bg-indigo-50,
.bg-indigo-50\/40,
.bg-violet-50 {
  background-color: var(--brand-primary-soft) !important;
}

.bg-indigo-100,
.bg-violet-100 {
  background-color: #ffe2d5 !important;
}

.bg-indigo-300,
.bg-violet-300 {
  background-color: #ffae91 !important;
}

.bg-indigo-500,
.bg-violet-500 {
  background-color: #ff5a32 !important;
}

.text-indigo-300,
.text-violet-300 {
  color: #ffb69c !important;
}

.text-indigo-400,
.text-violet-400,
.text-indigo-500,
.text-violet-500,
.text-indigo-600,
.text-violet-600,
.text-indigo-700,
.text-violet-700,
.text-indigo-800,
.text-indigo-900 {
  color: var(--brand-primary) !important;
}

.border-indigo-300,
.border-indigo-400,
.border-indigo-500,
.border-violet-300,
.border-violet-500 {
  border-color: var(--brand-primary) !important;
}

.ring-indigo-100,
.ring-indigo-200,
.ring-violet-100 {
  --tw-ring-color: rgba(240, 68, 33, .16) !important;
}

.shadow-indigo-200,
.shadow-indigo-300\/30,
.shadow-indigo-500\/10,
.shadow-indigo-500\/20,
.shadow-indigo-600\/20 {
  --tw-shadow-color: rgba(240, 68, 33, .22) !important;
}

.from-indigo-500,
.from-indigo-600,
.from-violet-500,
.from-violet-600,
.from-amber-400 {
  --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(240, 68, 33, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-indigo-950,
.via-slate-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #7a2412 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-indigo-600,
.to-indigo-700,
.to-indigo-900,
.to-violet-500,
.to-violet-600,
.to-yellow-300 {
  --tw-gradient-to: #ff784e var(--tw-gradient-to-position) !important;
}

.btn-dark,
.btn-outline-dark:hover {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.btn-outline-dark {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.btn-outline-dark:hover {
  color: #fff;
}

/* ISO/IEC 7810 ID-1 / CR80 NFC card preview standard: 85.60mm x 53.98mm. */
.nfc-card-standard {
  aspect-ratio: var(--nfc-card-ratio);
  width: min(100%, var(--nfc-card-preview-width, 320px));
  height: auto !important;
  max-width: 100%;
}

.nfc-card-standard-sm { --nfc-card-preview-width: 192px; }
.nfc-card-standard-md { --nfc-card-preview-width: 320px; }
.nfc-card-standard-lg { --nfc-card-preview-width: 600px; }

/* Sosyal medya/diğer kartlar müşteri tarafından "Dikey" seçilebiliyor — o siparişlerin kart
   önizleme kutusu, gerçek üretilen görselle aynı orana sahip olmalı (aksi halde yatay kutu
   dikey görseli kırpar/gerer). */
.nfc-card-standard.is-vertical {
  --nfc-card-ratio: 53.98 / 85.6;
  width: min(100%, calc(var(--nfc-card-preview-width, 320px) * 53.98 / 85.6));
}

.nfc-card-face-radius {
  border-radius: clamp(10px, 3.7% / 5.9%, 18px);
}