@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@import "tailwindcss";

/* -------------------------------------------------
   THEME TOKENS (Tailwind v4 @theme değişkenleri)
   Default: LIGHT
   Dark: .dark class'ı ile override
-------------------------------------------------- */

@theme {
  /* =========================
     BACKGROUND / SURFACES
     ========================= */

  --color-background: #F4F6F9;   /* sayfa arkası */
  --color-surface:    #FFFFFF;   /* ana deal card */
  --color-surface-2:  #EEF1F5;   /* sidebar, secondary panels */
  --color-border:     #E3E7ED;

  /* =========================
     TEXT
     ========================= */

  --color-text:        #0F172A;  /* başlık + fiyat */
  --color-text-muted:  #64748B;  /* meta, açıklama */
  --color-text-faint:  #94A3B8;  /* timestamps, icons */

  /* =========================
     PRIMARY (CTA ONLY)
     ========================= */

  --color-primary:       #FF6A00;
  --color-primary-hover: #E85F00;
  --color-primary-soft:  rgba(255, 106, 0, 0.12);
  --color-primary-ring:  rgba(255, 106, 0, 0.28);
  --color-grey:#334155;
  --color-on-primary: #FFFFFF;

  /* =========================
     DEAL SCORE
     ========================= */

  --color-success:      #16A34A;
  --color-success-soft: rgba(22, 163, 74, 0.14);

  --color-danger:       #DC2626;
  --color-danger-soft:  rgba(220, 38, 38, 0.14);

  /* =========================
     NOTICE / INFO
     ========================= */

  --color-info:         #0284C7;
  --color-info-soft:    rgba(2, 132, 199, 0.14);
}


/* Dark overrides (class tabanlı) */
.dark {
  /* DARK */
  --color-background: #0F0F10;
  --color-surface:    #17181A;
  --color-surface-2:  #1F2124;
  --color-border:     #2A2D31;

  --color-text:       #F2F3F5;
  --color-text-muted: #A7ABB3;

  --color-primary:       #FF6A00;
  --color-primary-hover: #E85F00;
  --color-primary-soft:  rgba(255, 106, 0, 0.16);
  --color-primary-ring:  rgba(255, 106, 0, 0.35);

  --color-success: #2ECC71;
  --color-danger:  #FF4D4D;

  --color-on-primary: #111214;

  /* ✅ DEAL NOTICE (DARK) */
  --color-notice-info:    #38BDF8;
  --color-notice-success: #34D399;
  --color-notice-warning: #FBBF24;
  --color-notice-danger:  #FB7185;

  --color-notice-info-soft:    rgba(56, 189, 248, 0.18);
  --color-notice-success-soft: rgba(52, 211, 153, 0.18);
  --color-notice-warning-soft: rgba(251, 191, 36, 0.18);
  --color-notice-danger-soft:  rgba(251, 113, 133, 0.18);
}

/* Base */
:root {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
}

body {
  font-family: "Nunito", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  @apply bg-background text-text;
}

a {
  text-decoration: none;
}

a:hover {
  color: var(--color-primary);
}
