/* ── Colors ─────────────────────────────────────────────────
   Haya Yahaly — couples counseling. Warm, soft, healing.
   Cream/sand base, golden-tan accents, soft pastel tints.
   No aggressive colors; everything warm and comforting.
   ──────────────────────────────────────────────────────────── */

:root {
  /* ── Base neutrals (warm) ── */
  --cream-50:  #faf6f1;   /* main page background */
  --cream-100: #f5ede3;   /* hero / raised warm beige */
  --cream-200: #efe3d4;   /* deeper sand, dividers */
  --white:     #ffffff;

  /* ── Ink / text ── */
  --ink-900: #1a1a1a;     /* primary text, near-black */
  --ink-700: #2c2c2c;     /* section headings, charcoal */
  --ink-500: #5a5550;     /* body on light, warm gray */
  --ink-400: #8a8178;     /* muted, captions */

  /* ── Golden tan (primary brand) ── */
  --tan-300: #e3c4a3;     /* light tan, hover surfaces */
  --tan-400: #d4a574;     /* light primary */
  --tan-500: #c9a96e;     /* CTA fill */
  --tan-600: #c9956b;     /* primary accent / titles */
  --tan-700: #b07f55;     /* pressed / darker tan */

  /* ── Brand blue (the blue heart in the logo) ── */
  --blue-300: #a9cce6;
  --blue-400: #84b3da;
  --blue-500: #74a9d4;    /* logo blue heart */
  --blue-600: #5a93c4;

  /* ── Soft pastel tints (feature icons, cards) ── */
  --peach-tint:    #fdf0e0;   /* service card 1 */
  --sky-tint:      #e8f4f8;   /* service card 2 */
  --pink-tint:     #fdf5f0;   /* testimonials section bg */
  --lavender-soft: #d9d2ec;   /* feature icon 1 */
  --teal-soft:     #bfe0d6;   /* feature icon 2 */
  --blue-soft:     #c6dcef;   /* feature icon 3 */
  --rose-soft:     #f2cdd6;   /* feature icon 4 */

  /* ── Dark contact texture ── */
  --teal-900: #1f3a3d;    /* dark teal contact background */
  --teal-800: #2c4f52;

  /* ── Borders ── */
  --border-soft:   #ece3d6;   /* hairline on cream */
  --border-input:  #ddd2c4;   /* form field border */

  /* ── Semantic aliases ── */
  --surface-page:   var(--cream-50);
  --surface-hero:   var(--cream-100);
  --surface-card:   var(--white);
  --surface-peach:  var(--peach-tint);
  --surface-sky:    var(--sky-tint);
  --surface-pink:   var(--pink-tint);
  --surface-dark:   var(--teal-900);

  --color-primary:        var(--tan-600);
  --color-primary-hover:  var(--tan-700);
  --color-primary-fill:   var(--tan-500);
  --on-primary:           var(--white);

  --text-heading:  var(--ink-700);
  --text-body:     var(--ink-500);
  --text-strong:   var(--ink-900);
  --text-accent:   var(--tan-600);
  --text-muted:    var(--ink-400);
  --text-blue:     var(--blue-500);
  --on-dark:       var(--cream-50);

  --color-border:       var(--border-soft);
  --color-border-input: var(--border-input);
}