/*
 * Mercury Brand Tokens v1.0
 *
 * Sub-brand tokens for Hello Mercury.
 * Load AFTER hello_brand_tokens.css. Mercury tokens extend (never replace)
 * the parent brand system. Shared components (nav, footer, FAQ, CTA) still
 * resolve to hello_brand_tokens.css values.
 *
 * Guide: public_html/brand/mercury_brand_style_guide.html
 * Authority: ../../../mercury/project_knowledge/product/mercury_product_definition.md
 */

/* ------------------------------------------------------------------ */
/*  Mercury color system (light theme, marketing pages)                */
/* ------------------------------------------------------------------ */

:root {

  /* Primary: Infrastructure Cyan ---------------------------------- */
  --mercury-primary:        #0891b2;
  --mercury-primary-hover:  #06b6d4;
  --mercury-primary-active: #0e7490;
  --mercury-primary-deep:   #155e75;
  --mercury-primary-muted:  #67e8f9;
  --mercury-primary-subtle: #cffafe;

  /* Semantic: Compliance Green ------------------------------------ */
  --mercury-compliance:       #059669;
  --mercury-compliance-light: #d1fae5;
  --mercury-compliance-muted: #6ee7b7;

  /* Semantic: Alert Orange ---------------------------------------- */
  --mercury-alert:       #ea580c;
  --mercury-alert-light: #ffedd5;
  --mercury-alert-muted: #fb923c;

  /* Surfaces ------------------------------------------------------ */
  --mercury-surface:          #ffffff;
  --mercury-surface-tint:     #ecfeff;
  --mercury-surface-elevated: #f0fdfa;
  --mercury-surface-muted:    #f8fafc;
  --mercury-border:           #e2e8f0;
  --mercury-border-subtle:    #f1f5f9;

  /* Text ---------------------------------------------------------- */
  --mercury-text-primary:   #0f172a;
  --mercury-text-secondary: #475569;
  --mercury-text-muted:     #94a3b8;

  /* Hero gradient (Mercury-branded pages only) -------------------- */
  --mercury-hero-gradient: linear-gradient(135deg, #0c4a6e 0%, #164e63 40%, #134e4a 100%);

  /* Component max widths ----------------------------------------- */
  /* Single source of truth consumed by mercury.html,               */
  /* mercury_pricing.html, and mercury_brand_style_guide.html.      */
  /* No Mercury page should hardcode a max-width; use a token.      */

  /* Prose widths (headings + description text) */
  --mercury-hero-h1-max:     768px; /* .mercury-hero h1 */
  --mercury-hero-lead-max:   768px; /* .mercury-hero .hero-lead */
  --mercury-h2-max:          768px; /* .m-h2 */
  --mercury-lead-max:        768px; /* .m-lead, .hv-brief, .gap-header */
  --mercury-lead-narrow-max: 540px; /* .eco-lead, .mercury-cta p */

  /* Structural widths (grids, tables, preview boxes) */
  --mercury-tier-grid-max:      1100px; /* .tier-grid, .tier-note */
  --mercury-dashboard-max:      1000px; /* .dashboard-preview-box */
  --mercury-policy-preview-max:  960px; /* .policy-preview-box */
  --mercury-cert-grid-max:       900px; /* .cert-grid */
  --mercury-table-max:           800px; /* .m-table, .m-note */
  --mercury-table-narrow-max:    520px; /* .m-table--narrow */

  /* Tier accents -------------------------------------------------- */
  --mercury-tier-sentinel: var(--mercury-alert);
  --mercury-tier-guardian: var(--mercury-compliance);
  --mercury-tier-citadel:  var(--mercury-primary);

  /* ---------------------------------------------------------------- */
  /*  Dark theme tokens (dashboard UI, future use)                    */
  /* ---------------------------------------------------------------- */
  --mercury-dark-bg:           #0b0d11;
  --mercury-dark-surface:      #14171c;
  --mercury-dark-border:       #24292f;
  --mercury-dark-text:         #94a3b8;
  --mercury-dark-text-primary: #f1f5f9;

  /* Full-brightness accents on dark (prototype values) */
  --mercury-dark-accent-cyan:   #00d2ff;
  --mercury-dark-accent-green:  #00ff9d;
  --mercury-dark-accent-orange: #ff6b00;
}