/* ═══════════════════════════════════════════════════════════════
   PER-CLIENT THEME  ·  instance: Bansal Dental Care
   "Bright Mint Atelier"

   This file and client.config.js are the ONLY two files that change
   between clients. styles.css and main.js stay identical.

   Rules for a new client:
   · Pick ONE accent. Two accents read as a template, not a brand.
   · --accent is DECORATIVE ONLY (rules, dots, glows, fills).
     --accent-ink is the same hue darkened until it clears 4.5:1 on
     --paper, and is the only one allowed on text. Check it — the
     obvious brand gold here was 2.63:1 and failed outright.
   · --paper must be light enough that the film's studio backdrop
     blends into the page with no visible seam. If a client insists on
     a dark world, invert paper/ink AND regenerate the film on a dark
     backdrop; a bright film on a dark page looks like a bug.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── surfaces ── */
  --paper:      #fbfdfc;
  --surface:    #ffffff;
  --tint:       #d9f2ea;
  --tint-2:     #eafaf5;

  /* ── brand ── */
  --brand-deep: #0a463f;
  --brand:      #0f6e5c;
  --brand-soft: #15917a;

  /* ── accent ── */
  --accent:      #c9952f;   /* 2.63:1 on paper — decorative only */
  --accent-l:    #e6bd6a;
  --accent-ink:  #8a6412;   /* 5.25:1 on paper — the only gold for text */

  /* ── text ── */
  --ink:       #13201d;   /* 16.4:1 on paper */
  --muted:     #5a6b67;   /*  5.5:1 on paper */
  --line:      rgba(19, 32, 29, 0.10);
  --line-soft: rgba(19, 32, 29, 0.06);

  /* ── on-dark band ── */
  --on-dark:       #eaf6f3;
  --on-dark-muted: #b7d8d1;

  /* ── type ── */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ── corners ──
     Set to 0: soft rounded cards + pill buttons are the single biggest
     "AI-generated template" tell. Square edges read as editorial and
     deliberate. Raise these (e.g. 4px / 8px) for a softer client. */
  --radius:    0px;   /* cards, figures, inputs */
  --radius-lg: 0px;   /* large panels */
  --radius-pill: 0px; /* buttons — 999px would make them pills */

  /* ── the film's canvas fill. MUST equal --paper or the letterboxed
        frame shows a visible edge against the page. ── */
  --film-bg: #fbfdfc;
}