/* Ceepri Kasa — marka tokenları */
:root {
  --cp-navy-900: #071525;
  --cp-navy-800: #0b1f3a;
  --cp-navy-700: #12263a;
  --cp-navy-600: #1a3350;
  --cp-cyan-400: #2dd4bf;
  --cp-cyan-500: #14b8a6;
  --cp-cyan-550: #00a9b7;
  --cp-cyan-600: #0d9488;
  --cp-cyan-700: #0f766e;
  --cp-sky-500: #0ea5e9;
  --cp-ink: #0f172a;
  --cp-ink-soft: #334155;
  --cp-muted: #64748b;
  --cp-line: rgba(15, 23, 42, 0.08);
  --cp-line-strong: rgba(15, 23, 42, 0.12);
  --cp-surface: #ffffff;
  --cp-surface-2: #eef4f7;
  --cp-surface-teal: #f0fdfa;
  --cp-danger: #e11d48;
  --cp-warn: #b45309;
  --cp-ok: #047857;
  --cp-radius: 0.85rem;
  --cp-radius-sm: 0.65rem;
  --cp-radius-xs: 0.5rem;
  --cp-shadow: 0 10px 28px rgba(7, 21, 37, 0.08);
  --cp-shadow-soft: 0 2px 8px rgba(7, 21, 37, 0.04);
  --cp-grad-brand: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 42%, #0ea5e9 100%);
  --cp-grad-header: linear-gradient(128deg, #071525 0%, #0b1f3a 38%, #0f4c4a 78%, #0f766e 100%);
  --cp-grad-cta: linear-gradient(145deg, #2dd4bf 0%, #14b8a6 48%, #0f766e 100%);
  --cp-grad-page: radial-gradient(520px 220px at 0% -10%, rgba(0, 169, 183, 0.14), transparent 55%),
    radial-gradient(420px 200px at 100% 0%, rgba(14, 165, 233, 0.1), transparent 50%),
    linear-gradient(180deg, #e8f2f5 0%, #f3f7fa 40%, #f7fafc 100%);
  --cp-font: "Segoe UI", Candara, Corbel, "Trebuchet MS", sans-serif;
  --cp-font-display: "Segoe UI", Candara, "Trebuchet MS", sans-serif;
  --cp-space-1: 4px;
  --cp-space-2: 8px;
  --cp-space-3: 12px;
  --cp-space-4: 16px;
}