@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

@import "tailwindcss";

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

@theme {
  /* LIGHT (soft graphite) */
  --color-background: #D6DAE1;   /* sayfa: açık gri ama beyaz değil */
  --color-surface:    #E1E5EB;   /* kart */
  --color-surface-2:  #CBD1DA;   /* input/secondary */
  --color-border:     #B3BBC7;   /* border */

  --color-text:       #1C212B;   /* koyu gri */
  --color-text-muted: #5D6675;

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

  --color-success: #16A34A;
  --color-danger:  #EF4444;

  --color-on-primary: #111318;
}

/* Dark overrides (class tabanlı) */
.dark {
  /* DARK (seninki iyiydi; hafif rafine) */
  --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;
}
/* Base */
:root {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
}

body {
  font-family: "Rubik", 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);
}