/*
 * SLIM PEPTIDES — BRAND TOKENS
 * To launch a new brand on this stack:
 * 1. Clone Docker stack on KVM2
 * 2. Point new domain in Caddyfile
 * 3. Edit ONLY this file to swap brand identity
 * ------------------------------------------ */

:root {
  /* PALETTE */
  --color-bg: #f5f5f0; /* Page background — warm off-white */
  --color-dark: #1c1c1c; /* Header, footer, trust strip, text */
  --color-gold: #c8a96e; /* Accent — 3 uses max per page */
  --color-white: #ffffff; /* Card backgrounds */
  --color-text-muted: rgba(28, 28, 28, 0.55);

  /* TYPOGRAPHY */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", sans-serif;
  --font-label: "DM Sans", sans-serif;

  /* GOOGLE FONTS URL — update if changing typefaces */
  /* family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600
     &family=Inter:wght@400;500;600
     &family=DM+Sans:wght@400;500 */

  /* BRAND VOICE */
  /* Tagline: "Precision Compounds for Serious Research." */
  /* Language: Compound / Formulation / Dispatch / Certificate of Analysis */

  /* LAYOUT */
  --container-max: 1280px;
  --section-padding: 80px 0;

  /* CARD SYSTEM (Salt & Stone derived — all zeroed for clinical aesthetic) */
  --product-card-corner-radius: 0rem;
  --product-card-border-width: 0rem;
  --product-card-image-padding: 0rem;
  --product-card-shadow-opacity: 0;
  --product-card-text-alignment: left;
}

/*
 * GOLD SYSTEM — 3 rules, no exceptions:
 * Rule 1: border: 1px solid var(--color-gold) — outlined buttons site-wide
 * Rule 2: 1px x 40px var(--color-gold) horizontal rule — hero ornament only
 * Rule 3: background: var(--color-gold) — PDP Add to Cart button ONLY
 *
 * Gold used anywhere else = brand violation. Remove it.
 *
 * BORDER RADIUS RULE:
 * border-radius: 0 on ALL interactive elements — buttons, inputs, selects,
 * checkboxes, swatches. No exceptions. Maximum 4px on non-interactive
 * containers only if structurally unavoidable.
 */