/* ===========================================================================
   Agile Courts — client document brand layer
   Brand Standards, First Edition (August 2026)

   Loaded by every document a client or a site receives: the formal proposal
   and signing page, the material quote, the seven Quick Quote sport
   quotations, the client schedule, and the packing list. Before this file
   there were four unrelated colour systems across those documents (letterhead
   green #0f673f, calculator navy/coral, app navy, packing-list Arial). This is
   the single source of truth; document CSS consumes these tokens and never
   re-declares a hex.

   The standards that shape it:
     · §07 Colour — "One strong colour, held quietly." Green carries the
       brand; everything else is ground, ink or restraint. Turquoise and gold
       are NOT palette — they enter only through photography. Never pure black.
     · §08 Typography — Cormorant Garamond 500–600 for display, Montserrat
       Light/Regular for text, letterspaced uppercase for labels ONLY.
       Fallback where brand fonts cannot be installed: Garamond + Segoe UI.
     · §11 In Application — "Proposals & contracts: Formal lockup, Garamond,
       ink on white. The motto set once, beneath the mark."
     · §03 Absolute rules — the name is always "Agile Courts" (never
       AGILE COURTS, never agile courts); the motto is always
       "Quality Still Exists", in quotation marks, never in all capitals.
   ======================================================================== */

:root {
  /* --- §07 Colour ------------------------------------------------------- */
  --ac-green: #1E3D2B;        /* Agile Forest Green — the one strong colour */
  --ac-ivory: #F6F2E8;        /* Island Ivory — default ground */
  --ac-sand: #D8CCB4;         /* Sand — rules, panels, quiet fields */
  --ac-ink: #1F241E;          /* Ink — body text. Never pure black */
  --ac-brass: #96783E;        /* Heritage Brass — est. 1972 devices only */

  /* Derived tints. Kept in this file so documents never invent a colour. */
  --ac-ink-soft: #5a6157;     /* secondary text, meta labels */
  --ac-rule: #cfc7b6;         /* hairline rules on white */
  --ac-rule-soft: #e6e0d3;    /* table dividers */
  --ac-panel: #faf8f2;        /* quiet field on white */

  /* Document status tones. Restrained on purpose — a client document should
     never look like a dashboard. */
  --ac-affirm: #1E3D2B;       /* accepted / approved — the brand green */
  --ac-affirm-bg: #eef1ec;
  --ac-caution: #6f5a2a;      /* awaiting action, brass-family, muted */
  --ac-caution-bg: #f5f1e6;
  --ac-decline: #7a3b2c;      /* declined — earth, not alarm red */
  --ac-decline-bg: #f4ece9;

  /* --- §08 Typography --------------------------------------------------- */
  --ac-font-display: 'Cormorant Garamond', 'Adobe Garamond Pro', Garamond,
                     'Times New Roman', serif;
  --ac-font-text: 'Montserrat', 'Segoe UI', -apple-system, BlinkMacSystemFont,
                  Roboto, Helvetica, Arial, sans-serif;
  --ac-label-tracking: 0.18em; /* letterspaced uppercase labels */
}

/* ---------------------------------------------------------------------------
   The formal lockup — the sanctioned document letterhead.
   Mark above, name in letterspaced Garamond, est. line, motto once.
   Casing rule applies: "Agile Courts", never all capitals.
------------------------------------------------------------------------- */
.ac-lockup { text-align: center; color: var(--ac-ink); }

.ac-lockup-mark {
  display: block;
  margin: 0 auto 10px;
  height: 96px;              /* §04 minimum size: 96 px screen / 28 mm print */
  width: auto;
}

.ac-lockup-name {
  font-family: var(--ac-font-display);
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: 0.14em;    /* gently letterspaced, per §05 */
  margin: 0;
  color: var(--ac-ink);
}

.ac-lockup-est {
  font-family: var(--ac-font-text);
  font-weight: 300;
  font-size: 0.62rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--ac-ink-soft);
  margin: 7px 0 0;
}

/* The motto. Set once per document, beneath the mark. Quotation marks are
   part of the motto and are written into the markup, not added by CSS. */
.ac-lockup-motto {
  font-family: var(--ac-font-display);
  font-weight: 500;
  font-style: italic;
  font-size: 0.98rem;
  letter-spacing: 0.02em;
  color: var(--ac-green);
  margin: 9px 0 0;
}

.ac-lockup-rule {
  border: 0;
  border-top: 1px solid var(--ac-rule);
  margin: 16px auto 0;
  max-width: 100%;
}

/* Office line — quiet, small, never the loudest thing on the page. */
.ac-lockup-office {
  font-family: var(--ac-font-text);
  font-weight: 300;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  color: var(--ac-ink-soft);
  margin: 10px 0 0;
}

/* ---------------------------------------------------------------------------
   Shared document primitives
------------------------------------------------------------------------- */
.ac-eyebrow {                 /* letterspaced uppercase — labels only */
  font-family: var(--ac-font-text);
  font-weight: 400;
  font-size: 0.6rem;
  letter-spacing: var(--ac-label-tracking);
  text-transform: uppercase;
  color: var(--ac-ink-soft);
}

.ac-doc-title {
  font-family: var(--ac-font-display);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ac-ink);
}

.ac-doc-footer {
  font-family: var(--ac-font-text);
  font-weight: 300;
  font-size: 0.68rem;
  letter-spacing: 0.05em;
  color: var(--ac-ink-soft);
  text-align: center;
  border-top: 1px solid var(--ac-rule);
  padding-top: 12px;
}

/* est. 1972 devices are the one place Heritage Brass is permitted (§07). */
.ac-heritage { color: var(--ac-brass); }

/* ---------------------------------------------------------------------------
   Print. Documents are ink on white with generous margins (§11).
------------------------------------------------------------------------- */
@media print {
  .ac-lockup-mark { height: 28mm; }   /* §04 print minimum */
  .ac-lockup,
  .ac-doc-footer { color: var(--ac-ink); }
}