/* AUTO-GENERATED from brand/brand.json — do not edit by hand */
/* Regenerate: node product-suite/brand/generate-brand-css.mjs */

:root {
  --brand-primary: #809d5b;
  --brand-primary-hover: #6d8649;
  --brand-primary-active: #628732;
  --brand-primary-light: #9ab87c;
  --brand-primary-soft: #eef2e4;
  --brand-accent: #ffcc01;
  --brand-ink: #2d2b36;
  --brand-muted: #5f5d68;
  --brand-muted-light: #9a98a3;
  --brand-cream: #f5f4f3;
  --brand-page-bg: #fafaf9;
  --brand-font: Manrope, "Segoe UI", system-ui, sans-serif;

  /* Marketing aliases */
  --green: var(--brand-primary);
  --green-dark: var(--brand-primary-hover);
  --green-soft: var(--brand-primary-soft);
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);

  /* CRM aliases */
  --primary-color: var(--brand-primary);
  --primary-color-hover: var(--brand-primary-hover);
  --primary-color-active: var(--brand-primary-active);
  --primary-color-light: var(--brand-primary-light);
  --input-focus-border: var(--brand-primary);
  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--brand-primary) 22%, transparent);
  --menu-active: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-hover) 100%);
}

.dark {
  --brand-primary: #9ab87c;
  --brand-primary-hover: #809d5b;
  --brand-primary-active: #adc992;
  --brand-primary-light: #628732;

  --primary-color: var(--brand-primary);
  --primary-color-hover: var(--brand-primary-hover);
  --primary-color-active: var(--brand-primary-active);
  --primary-color-light: var(--brand-primary-light);
  --input-focus-border: var(--brand-primary);
  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--brand-primary) 28%, transparent);
  --menu-active: linear-gradient(135deg, var(--brand-primary-hover) 0%, var(--brand-primary-active) 100%);
}