/* ZAD Tools reusable brand tokens */
:root,
.brand-zad {
  --brand-id: "zad";
  --brand-bg: #0A0E0A;
  --brand-fg: #E7EFE4;
  --brand-accent: #A6E22E;
  --brand-accent-2: #F5A623;
  --brand-muted: #7B8A76;
  --brand-font-heading: IBMPlexSansArabic, system-ui, sans-serif;
  --brand-font-body: IBMPlexSansArabic, system-ui, sans-serif;
}

.brand-zad {
  background: var(--brand-bg);
  color: var(--brand-fg);
  font-family: var(--brand-font-body);
}

.brand-zad .brand-heading {
  font-family: var(--brand-font-heading);
  font-weight: 850;
  letter-spacing: 0;
}

.brand-zad .brand-button {
  border: 1px solid color-mix(in srgb, var(--brand-accent) 60%, transparent);
  background: var(--brand-accent);
  color: var(--brand-bg);
}

.brand-zad .brand-card {
  border: 1px solid color-mix(in srgb, var(--brand-muted) 35%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--brand-accent) 16%, transparent), transparent 55%),
    color-mix(in srgb, var(--brand-bg) 92%, var(--brand-fg) 8%);
}

.brand-zad .brand-kicker {
  color: var(--brand-accent);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}