/* Koyu arka plan; kartlar / paneller biraz daha açık gri (beyaz değil) */
:root {
  color-scheme: dark;

  --bg-void: #070708;
  --bg-page: #0e0e12;
  --bg-elevated: #141418;
  --bg-card: #1a1a21;
  --bg-card-hover: #22222a;
  --bg-inset: #121218;
  --border: #2f2f38;
  --border-glow: #3d3d48;
  --border-strong: #4b4b56;

  --text: #ececf1;
  --text-muted: #a8a8b5;
  --text-soft: #7e7e8c;

  --accent: #c4c4ce;
  --accent-muted: #9ca3af;
  --accent-soft: rgba(196, 196, 206, 0.14);

  --success: #9ca3af;
  --success-bg: rgba(156, 163, 175, 0.1);
  --warning: #b4b4c0;
  --warning-bg: rgba(180, 180, 192, 0.1);
  --danger: #a8a29e;

  --radius: 10px;
  --radius-sm: 6px;

  --shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 10px 32px rgba(0, 0, 0, 0.5);

  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ease: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 0.16s;
  --t-med: 0.28s;
}