/*
 * Software Owner: KobiCore Software
 * Developer: Barış Dinçol
 *
 * Tasarım sistemi — logo gradient paletinden türetildi
 * (turuncu → pembe → mor → teal mesh, indigo/gri tipografi).
 */

:root {
  /* Tipografi */
  --kc-font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --kc-font-body: 'Manrope', 'Segoe UI', sans-serif;

  /* Yüzeyler */
  --kc-bg: #0a0a12;
  --kc-bg-elevated: #12121e;
  --kc-surface: #191927;
  --kc-surface-hover: #212133;
  --kc-border: rgba(255, 255, 255, 0.08);
  --kc-border-strong: rgba(255, 255, 255, 0.16);

  /* Metin */
  --kc-text: #f2f1f8;
  --kc-text-muted: #9997b3;
  --kc-text-faint: #6b6982;

  /* Marka aksanları — logo mesh'inden */
  --kc-orange: #ff8a3d;
  --kc-pink: #e94f8a;
  --kc-purple: #6c3ce0;
  --kc-teal: #1fbfa3;
  --kc-indigo: #4338ca;

  --kc-accent: var(--kc-purple);
  --kc-accent-text: #efe9ff;

  --kc-success: #2ecc8f;
  --kc-warning: #f5a623;
  --kc-danger: #f0506e;

  /* Mesh gradient — hero/arka plan katmanları için */
  --kc-mesh:
    radial-gradient(60% 50% at 12% 8%, rgba(255, 138, 61, 0.28), transparent 60%),
    radial-gradient(50% 45% at 85% 15%, rgba(233, 79, 138, 0.22), transparent 60%),
    radial-gradient(55% 55% at 90% 90%, rgba(31, 191, 163, 0.18), transparent 60%),
    radial-gradient(65% 60% at 5% 95%, rgba(108, 60, 224, 0.24), transparent 60%);

  --kc-gradient-accent: linear-gradient(120deg, var(--kc-orange), var(--kc-pink) 45%, var(--kc-purple) 80%);

  /* Ölçüler */
  --kc-radius-sm: 8px;
  --kc-radius: 14px;
  --kc-radius-lg: 22px;
  --kc-sidebar-w: 264px;

  --kc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --kc-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  --kc-shadow-glow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 20px 48px rgba(108, 60, 224, 0.25);

  --kc-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --kc-transition: 220ms var(--kc-ease);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--kc-bg);
  color: var(--kc-text);
  font-family: var(--kc-font-body);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

h1, h2, h3, h4 {
  font-family: var(--kc-font-display);
  letter-spacing: -0.01em;
  margin: 0 0 0.4em;
}

a {
  color: inherit;
}

button, input, select, textarea {
  font-family: inherit;
  color: inherit;
}