/**
 * DocuNav Site Color Reference
 * ============================
 * Source of truth: flagship product pages. Use these hues (not generic
 * blue/sky/orange) so industry and future pages stay coordinated.
 *
 * USAGE
 * -----
 * Dark hero pages (Packages, Forms, Hosting, ECM):
 *   --brand-*-light for headlines/icons on navy backgrounds
 *   --brand-* for eyebrows, icons, gradients, and CSS --accent
 *
 * Light industry pages (K-12, Local Gov, Commercial):
 *   Use each page's flagship PRIMARY (--brand-packages, --brand-hosting,
 *   --brand-ecm) with a subtle gradient for bars/panels — not the -dark shade.
 *   --brand-*-light for text on accent panels
 *
 * FLAGSHIP PRODUCTS
 * -----------------
 * | Page              | Role     | Hex       | Tailwind    |
 * |-------------------|----------|-----------|-------------|
 * | DocuNav Packages  | Primary  | #003366   | navy (logo) |
 * |                   | Hero     | #2ec4c6   | cyan accent |
 * | DocuNav Forms     | Primary  | #00a651   | logo green  |
 * |                   | Hero     | #34d399   | green-400   |
 * | DocuNav Hosting   | Primary  | #06b6d4   | cyan-500    |
 * |                   | Hero     | #67e8f9   | cyan-300    |
 * | DocuNav Shield    | Primary  | #0ea5e9   | sky-500     |
 * |                   | Navy     | #003366   | logo navy   |
 * |                   | Hero     | #38bdf8   | sky-400     |
 * | ECM Implementation| Primary  | #f28b0f   | mid amber-orange |
 * |                   | Hero     | #f8ad29   | lighter amber-orange |
 *
 * INDUSTRY PAGES (paired to flagship palette)
 * -------------------------------------------
 * | Page            | Paired product | Dark panel / bar |
 * |-----------------|----------------|------------------|
 * | K-12            | (industry)     | #10b981 emerald-500 |
 * | Local Government| Hosting        | #06b6d4 cyan-500    |
 * | Commercial      | ECM            | #f28b0f mid amber-orange |
 * | Financial Svcs  | Forms green   | #00a651 bright brand green |
 * | Non-Profit      | (industry)     | #0d9488 teal           |
 * | HR              | (industry)     | #5d5cff indigo         |
 */

:root {
  /* DocuNav Packages — navy + cyan (official logo) */
  --brand-packages: #003366;
  --brand-packages-light: #2ec4c6;
  --brand-packages-dark: #001a33;

  /* DocuNav Forms — green (official logo) */
  --brand-forms: #00a651;
  --brand-forms-light: #34d399;
  --brand-forms-dark: #047857;

  /* DocuNav Hosting — cyan (hero: "Our cloud.") */
  --brand-hosting: #06b6d4;
  --brand-hosting-light: #67e8f9;
  --brand-hosting-dark: #0e7490;

  /* DocuNav Shield — logo navy + sky cyan */
  --brand-shield: #0ea5e9;
  --brand-shield-light: #38bdf8;
  --brand-shield-navy: #003366;
  --brand-shield-dark: #0369a1;

  /* ECM Implementation — midpoint of old amber #f59e0b and warmer #f07814 */
  --brand-ecm: #f28b0f;
  --brand-ecm-light: #f8ad29;
  --brand-ecm-dark: #bb4e0a;

  /* Industry aliases */
  --brand-k12: #10b981;
  --brand-government: var(--brand-hosting);
  --brand-commercial: var(--brand-ecm);
  --brand-financial: #00a651;
  --brand-financial-deep: #047857;
  --brand-financial-mid: #22c55e;
  --brand-nonprofit: #0d9488;
  --brand-hr: #5d5cff;

  /* Shared neutrals */
  --brand-navy: #0f172a;
}