/* Capital Stacks — colors.
   Shares ink, canvas and the hard-border logic with CSM Brutalist.
   Replaces the single-indigo accent with a five-colour pictogram palette. */
:root {
  /* Neutrals */
  --cs-ink:        #16151B; /* text, every structural border, hard shadows */
  --cs-cream:      #F1EFE8; /* content sheet */
  --cs-paper:      #FBFAF6; /* fields, figures, drawers */
  --cs-canvas:     #DAD7CE; /* page behind the sheet */
  --cs-muted:      #44424C; /* secondary text */
  --cs-rule:       #D8D5CA; /* hairlines inside lists */
  --cs-rule-soft:  #E3E0D6; /* chart row rules */
  --cs-picto-ink:  #3A3A42; /* pictogram detail (pupil) */
  --cs-white:      #FFFFFF;

  /* Palette — periwinkle family */
  --cs-peri-dark:  #5F5E9C; /* primary: buttons, proof band, private capital */
  --cs-peri:       #7C7BB2; /* Western Europe, pictogram fill */
  --cs-lav:        #B8B6D3; /* public capital, soft fills */

  /* Palette — warm family */
  --cs-peach:      #E7C4A2; /* philanthropy, download band, nav hover/active */
  --cs-ochre:      #D79A4E; /* Central & Eastern Europe, pictogram accent */
  --cs-ochre-dark: #8F5A1C; /* chart median lines, ochre text on cream */

  /* Inherited CSM accent — used sparingly (positive P&L bars, break-even marks) */
  --cs-indigo:     #241B6B;

  /* Overlay */
  --cs-scrim:      rgba(22,21,27,.5); /* the only transparency */

  /* Semantic aliases */
  --surface-page:     var(--cs-canvas);
  --surface-sheet:    var(--cs-cream);
  --surface-field:    var(--cs-paper);
  --surface-inverse:  var(--cs-ink);
  --surface-feature:  var(--cs-peri-dark);
  --surface-warm:     var(--cs-peach);
  --text-primary:     var(--cs-ink);
  --text-secondary:   var(--cs-muted);
  --text-on-dark:     var(--cs-cream);
  --text-link:        var(--cs-peri-dark);
  --text-eyebrow:     var(--cs-peri-dark);
  --border-color:     var(--cs-ink);
  --action-primary:   var(--cs-peri-dark);
  --action-hover:     var(--cs-ink);
  --nav-hover:        var(--cs-peach);

  /* Capital-kind mapping (the stack) */
  --capital-private:      var(--cs-peri-dark);
  --capital-philanthropy: var(--cs-peach);
  --capital-public:       var(--cs-lav);
  /* Region mapping */
  --region-west: var(--cs-peri);
  --region-east: var(--cs-ochre);
  /* Revenue-mix mapping */
  --mix-audience:      var(--cs-peri);
  --mix-advertising:   var(--cs-ochre);
  --mix-institutional: var(--cs-lav);
  --mix-other:         var(--cs-peach);
  --mix-ecommerce:     var(--cs-cream);
}