/* OWN Partners — Color tokens
 * Brand primary is a calm steel-gray (#7892a2), paired with black and white.
 * The palette stays cool, restrained and institutional — no accent hues.
 */
:root {
  /* ---- Brand: Steel (the OWN gray) ---- */
  --steel-50:  #f1f4f6;
  --steel-100: #e2e8ed;
  --steel-200: #c8d3db;
  --steel-300: #a8b8c4;
  --steel-400: #8fa3b1;
  --steel-500: #7892a2; /* brand primary */
  --steel-600: #647d8d;
  --steel-700: #526676;
  --steel-800: #3e4e5a;
  --steel-900: #2c3840;
  --steel-950: #1b2329;

  /* ---- Neutrals (cool-tinted, to sit with the steel) ---- */
  --ink-950: #0a0c0d; /* near-black, the brand black */
  --ink-900: #14181a;
  --ink-800: #20262a;
  --ink-700: #333b40;
  --ink-600: #4c565c;
  --ink-500: #6b757b;
  --ink-400: #8b949a;
  --ink-300: #b2b9bd;
  --ink-200: #d4d9dc;
  --ink-100: #e8ebed;
  --ink-50:  #f4f6f7;
  --white:   #ffffff;

  /* ---- Functional / data-viz (used sparingly, only for fund figures) ---- */
  --gain:  #3f7d6b;  /* muted green — positive returns */
  --loss:  #9e5b54;  /* muted terracotta — negative returns */

  /* ---- Semantic surfaces ---- */
  --bg-page:        var(--white);
  --bg-canvas:      var(--ink-50);
  --bg-inverse:     var(--ink-950);
  --surface-band:   #6f8596;  /* the steel content band (nós, documentos) */
  --surface-band-text: var(--white);
  --surface-card:   var(--white);
  --surface-muted:  var(--steel-50);
  --surface-sunken: var(--ink-50);

  /* ---- Semantic text ---- */
  --text-primary:   var(--ink-950);
  --text-secondary: var(--ink-600);
  --text-tertiary:  var(--ink-400);
  --text-brand:     var(--steel-600);
  --text-on-dark:   var(--white);
  --text-on-dark-secondary: var(--steel-200);
  --text-on-brand:  var(--white);

  /* ---- Semantic borders ---- */
  --border-subtle:  var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong:  var(--steel-300);
  --border-inverse: rgba(255, 255, 255, 0.16);

  /* ---- Brand / interactive ---- */
  --brand:          var(--steel-500);
  --brand-hover:    var(--steel-600);
  --brand-active:   var(--steel-700);
  --brand-subtle:   var(--steel-50);
  --focus-ring:     rgba(120, 146, 162, 0.45);
}