/* COLOR — the four hexes marked (kaynak) are lifted verbatim from the Elementor
   global kit (uploads/elementor/css/post-5.css, .elementor-kit-5). Everything
   else is a tint/shade ramp built from those, so the theme is preserved exactly
   while giving the premium layer enough steps to work with. */
:root{
  /* Marka mavisi — brand blue ramp around #0092BC (kaynak) */
  --blue-50:#EDF7FB;
  --blue-100:#D1ECF5;
  --blue-200:#A3DAEB;
  --blue-300:#66C2DC;
  --blue-400:#2BA9CE;
  --blue-500:#0092BC;   /* kaynak: --e-global-color-894458c */
  --blue-600:#0082A8;
  --blue-700:#006F91;
  --blue-800:#005570;
  --blue-900:#00394A;
  --blue-950:#002A36;

  /* Kurşun — neutral ramp around #353C41 / #5B6770 (kaynak) */
  --ink-950:#191D20;
  --ink-900:#23282C;
  --ink-800:#353C41;    /* kaynak: --e-global-color-b4fdd66 */
  --ink-700:#454D53;
  --ink-600:#5B6770;    /* kaynak: --e-global-color-08719fa */
  --ink-500:#7A868E;
  --ink-400:#9CA6AC;
  --ink-300:#C4CACE;
  --ink-200:#E1E4E6;
  --ink-150:#EAEAEA;    /* kaynak: form field rule colour */
  --ink-100:#F2F2F2;    /* kaynak: --e-global-color-ee7553a */
  --white:#FFFFFF;      /* kaynak: --e-global-color-49f6c7b */

  /* Durum renkleri — Elementor form defaults the old site shipped with */
  --red-500:#D9534F;
  --green-500:#5CB85C;

  /* --- Semantic aliases: use THESE in components --- */
  --brand:var(--blue-500);
  --brand-hover:var(--blue-700);
  --brand-press:var(--blue-800);
  --brand-deep:var(--blue-900);
  --brand-soft:var(--blue-50);

  --text-heading:var(--blue-500);   /* h1/h2 are blue on this brand */
  --text-body:var(--ink-800);
  --text-muted:var(--ink-600);
  --text-faint:var(--ink-500);
  --text-on-brand:var(--white);
  --text-on-dark:var(--white);
  --text-on-dark-muted:rgba(255,255,255,.72);

  --surface-page:var(--white);
  --surface-sunken:var(--ink-100);
  --surface-card:var(--white);
  --surface-dark:var(--brand-deep);
  --surface-brand:var(--blue-500);
  --surface-overlay:rgba(0,57,74,.82);

  --border-hairline:var(--ink-150);
  --border-default:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-brand:var(--blue-500);

  --focus-ring:var(--blue-400);

  --link:var(--blue-500);
  --link-hover:var(--ink-800);
}