/* ==========================================================================
   Token brand WEIND
   --------------------------------------------------------------------------
   Sumber: WEIND_Brand_Asset_Pack_v1 (04_BRAND_IDENTITY/COLOR).

   Jalur gambar di bawah relatif terhadap berkas ini
   (public/brand/tokens/weind-tokens.css). Pakai `var(--weind-*)` untuk warna;
   aset gambar lebih baik dipanggil langsung dari HTML/CSS halaman supaya
   mudah di-cache dan tidak bergantung pada variabel yang jarang dipakai.
   ========================================================================== */

:root {
  /* Warna inti */
  --weind-red: #E11D2E;
  --weind-charcoal: #0F172A;
  --weind-white: #FFFFFF;

  /* Turunan yang sering dipakai di UI */
  --weind-red-dark: #BB1628;
  --weind-red-soft: #FFF3F4;
  --weind-red-border: #FFD9DE;
  --weind-ink: #17251D;
  --weind-muted: #465550;
  --weind-surface: #F7F8FA;
  --weind-line: #E6E8EC;

  /* Aset (path relatif terhadap public/) */
  --weind-logo: url("../logo/weind-logo-primary.png");
  --weind-logo-dark: url("../logo/weind-logo-dark.png");
  --weind-monogram: url("../logo/weind-monogram.png");
  --weind-icon: url("../icon/weind-icon-1024.png");
  --weind-favicon: url("../favicon/favicon-32.png");
}

/* Helpers yang bisa dipakai kelas apa pun */
.weind-brand {
  color: var(--weind-charcoal);
  background: var(--weind-white);
}

.weind-accent {
  color: var(--weind-red);
}

/* Logo siap pakai: mesin tidak perlu membaca dimensi dari aset. */
.weind-logo {
  display: block;
  width: 184px;
  height: auto;
  background: var(--weind-logo) no-repeat center / contain;
}

.weind-logo--dark {
  background-image: var(--weind-logo-dark);
}