/* =============================================================================
   Client Style — [Client Name]
   Client-specific branding: colors, fonts, and custom classes.
   All tokens here override agency-core.css defaults via CSS variables.
   ============================================================================= */

/* ── Brand Tokens ──────────────────────────────────────────────────────────── */
:root {
  /* Primary brand color */
  --client-color-primary:       #111111;
  --client-color-primary-text:  #ffffff;

  /* Accent (links, labels, highlights) */
  --client-color-accent:        #6366f1;

  /* Text */
  --client-color-text:          #111111;
  --client-color-text-muted:    #52525b;

  /* Backgrounds */
  --client-color-bg:            #ffffff;
  --client-color-muted-bg:      #f8f8f8;
  --client-color-surface:       #ffffff;
  --client-color-dark:          #111111;

  /* Borders */
  --client-color-border:        #e4e4e7;

  /* Shape */
  --client-radius:              10px;

  /* Typography */
  --client-font-heading:        system-ui, sans-serif;
  --client-font-body:           system-ui, sans-serif;
}

/* ── Client-specific classes ───────────────────────────────────────────────── */
/* Add custom overrides and unique components below. */