/*
 * TEMA GLOBAL — IklanHub 1.9 / SOFT FULL HERO
 * Ubah nilai warna di file ini. Berlaku untuk halaman publik, member,
 * admin, kontak, pembayaran, pengiriman, dan installer.
 * Layout berada di style.css, soft.css dan hero-full.css; logo/foto adalah gambar dan tidak ikut diwarnai.
 * Setelah menyimpan: unggah ke assets/ yang aktif, lalu Ctrl+F5 / hapus cache.
 */
:root {
  color-scheme: light;
  /* WARNA UTAMA: mulai dari bagian ini. */
  --color-primary: #3c6558;         /* Tombol utama, tautan, ikon aktif. */
  --color-primary-hover: #2b4d41;   /* Tombol saat disentuh pointer. */
  --color-primary-soft: #e7eee5;    /* Latar aksen lembut. */
  --color-accent: #efc9b0;          /* Tombol/aksen hangat. */
  --color-accent-hover: #e7b99a;
  --color-on-primary: #ffffff;     /* Teks di atas tombol utama. */
  --color-on-accent: #49372b;
  --color-page: #faf9f5;           /* Latar halaman. */
  --color-surface: #fffefa;        /* Kartu, form dan navigasi. */
  --color-surface-alt: #f1f3ed;    /* Section dan panel lembut. */
  --color-hero: #f6f4ec;           /* Latar hero. */
  --color-text: #263b34;           /* Judul dan teks utama. */
  --color-muted: #63736a;          /* Deskripsi dan teks pendamping. */
  --color-border: #dce2d6;         /* Garis dan tepi kartu. */

  /* Detail dan aksesibilitas. */
  --color-placeholder: #748177;
  --color-focus: var(--color-primary);
  --color-on-dark-muted: #d1dfd4;
  --color-dark-border: #8b9d8d;
  --color-shadow: #334e3d08;
  --color-shadow-strong: #334e3d15;

  /* Status: pisahkan dari warna merek agar maknanya tetap jelas. */
  --color-success: #2d6849;
  --color-success-bg: #e9f3e9;
  --color-success-border: #b9d7be;
  --color-warning: #8c612c;
  --color-warning-bg: #f7ecd8;
  --color-danger: #9c4941;
  --color-danger-bg: #faeae4;
  --color-danger-border: #dfb7af;
  --color-info: var(--color-primary);
  --color-info-bg: var(--color-primary-soft);

  /* Ikon kategori: foreground / background. */
  --category-property: #436e62; --category-property-bg: #e3eee8;
  --category-automotive: #966139; --category-automotive-bg: #f5e7d9;
  --category-electronics: #506d9c; --category-electronics-bg: #e7edf8;
  --category-services: #82709d; --category-services-bg: #eee7f4;
  --category-home: #8c704b; --category-home-bg: #f2eade;
  --category-fashion: #a86c80; --category-fashion-bg: #f7e7ed;
  --category-hobby: #557b68; --category-hobby-bg: #e5f0e7;
  --category-jobs: #7d814b; --category-jobs-bg: #eef0db;
  --category-other: var(--color-primary); --category-other-bg: var(--color-primary-soft);

  /* Detail varian: latar foto, header dan panel. */
  --color-logo-bg: #ffffff;
  --color-header-glass: #faf9f5ed;
  --color-hero-shade-strong: #f6f4ecf7;
  --color-hero-shade-mid: #f6f4eceb;
  --color-hero-shade-soft: #f6f4ec25;
  /* Lapisan terang di atas foto hero: ubah di sini untuk seluruh varian. */
  --color-hero-copy: #263b34;
  --color-hero-muted: #4c6155;
  --color-hero-rule: #bdc9b8;
  --color-hero-mobile-top: #f6f4ecfa;
  --color-hero-mobile-mid: #f6f4eced;
  --color-hero-mobile-bottom: #f6f4ec0d;
  --color-hero-caption: #fffefaed;
  --color-promo-bg: #e9eee3;
  --color-promo-end: #f1f3ed;
  --color-glow: #3c655810;

  --color-art-backdrop: #e0e8dc;
  --color-footer-bg: #edece3;

  /* Alias internal: tidak perlu diubah. */
  --ink: var(--color-text);
  --green: var(--color-primary);
  --lime: var(--color-accent);
  --cream: var(--color-surface-alt);
  --pale: var(--color-primary-soft);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --white: var(--color-surface);
  --red: var(--color-danger);
  --paper: var(--color-surface-alt);
  --shadow: 0 12px 40px var(--color-shadow);
}