/* Adshop — RMM Front Office · Colour tokens
 * Neutral Adshop base. Per-retailer brands override the brand hexes; the
 * ROLES (primary / secondary / accent / promo / warning / error / star) stay.
 *
 * Scope note: this is an advertiser FRONT OFFICE, not a consumer storefront.
 * `--brand-promo` and `--brand-star` are part of the Adshop palette and may be
 * used as decorative ACCENTS only — never as a consumer "Save X%" tag or review
 * stars. Use --stat-* roles for performance/audience numbers. */

:root {
  /* ---- Brand colour roles ---- */
  --brand-primary:    #1F4788; /* main brand, primary actions, page headers */
  --brand-primary-700:#163565; /* hover/pressed for primary surfaces */
  --brand-secondary:  #5B8DC9; /* accents, audience figures */
  --brand-accent:     #2E7D32; /* CTA / positive / performance figures */
  --brand-accent-700: #1F5C24; /* accent hover/pressed */
  --brand-promo:      #D97706; /* accent only — never a "Save X%" consumer tag */
  --brand-warning:    #E8A838; /* caution states */
  --brand-error:      #DC2626; /* errors, destructive actions */
  --brand-star:       #FBBF24; /* accent only — never consumer review stars */

  /* ---- Tints (derived, for soft backgrounds & borders) ---- */
  --brand-primary-50:   #EEF2F9;
  --brand-primary-100:  #DCE5F2;
  --brand-secondary-50: #EEF4FB;
  --brand-accent-50:    #EAF3EA;
  --brand-warning-50:   #FCF4E2;
  --brand-error-50:     #FBEAEA;

  /* ---- Neutrals 50–900 ---- */
  --neutral-50:  #F9FAFB; /* page backgrounds */
  --neutral-100: #F3F4F6; /* card / panel backgrounds */
  --neutral-200: #E5E7EB; /* borders, dividers */
  --neutral-300: #D1D5DB; /* disabled, input borders */
  --neutral-400: #9CA3AF; /* placeholders */
  --neutral-500: #6B7280; /* secondary text */
  --neutral-600: #4B5563; /* body text */
  --neutral-700: #374151; /* headings */
  --neutral-800: #2C3E50; /* primary / high-emphasis text */
  --neutral-900: #1F2937; /* footer bg, max emphasis */
  --white: #FFFFFF;

  /* ---- Semantic aliases ---- */
  --text-strong:      var(--neutral-800); /* primary text, hero headlines */
  --text-heading:     var(--neutral-700); /* section headings */
  --text-body:        var(--neutral-600); /* body copy */
  --text-muted:       var(--neutral-500); /* captions, footnotes, sources */
  --text-placeholder: var(--neutral-400);
  --text-on-brand:    var(--white);
  --text-link:        var(--brand-primary);

  --surface-page:   var(--neutral-50);
  --surface-card:   var(--white);
  --surface-muted:  var(--neutral-100);
  --surface-sunken: var(--neutral-100);
  --surface-brand:  var(--brand-primary);
  --surface-footer: var(--neutral-900);

  --border-subtle:  var(--neutral-200); /* card & divider borders */
  --border-default: var(--neutral-300); /* input borders */
  --border-strong:  var(--neutral-400);
  --border-focus:   var(--brand-primary);

  /* ---- Stat / evidence roles (key_facts colour rule) ---- */
  --stat-performance: var(--brand-accent);    /* conversion, ROAS, sales lift */
  --stat-audience:    var(--brand-secondary); /* reach, members, households */
  --highlight:        var(--brand-primary);   /* the "primary slot" in blocks */
  --highlight-soft:   var(--brand-primary-50);
}