/* Alameda Capital — Color tokens
   Derived from the logo: deep navy "A", royal-blue "ALAMEDA" wordmark,
   cyan swoosh highlight, graphite "CAPITAL". Cool, disciplined, institutional. */

:root {
  /* ---- Brand navy (primary anchor) ---- */
  --navy-950: #08152A; /* deepest — hero floors, footers */
  --navy-900: #0C1B33; /* primary dark surface */
  --navy-800: #12274A;
  --navy-700: #1B3766; /* primary navy */
  --navy-600: #244A83;

  /* ---- Royal blue (the ALAMEDA wordmark) ---- */
  --blue-700: #1E4C90;
  --blue-600: #2456A6; /* brand blue — primary interactive */
  --blue-500: #3B72C4;
  --blue-400: #6C9BDA;
  --blue-100: #DCE7F6;
  --blue-50:  #EFF4FB;

  /* ---- Cyan (logo swoosh — kept for logo fidelity; NOT the UI accent) ---- */
  --cyan-500: #1E9FC8;
  --cyan-400: #35B4DB;
  --cyan-300: #7CD0EA;
  --cyan-100: #DCF1F8;

  /* ---- Sage green (the UI accent — eyebrows, rules, marks) ---- */
  --green-800: #234B3F;
  --green-700: #2F6353;
  --green-600: #3E7D6A; /* accent base */
  --green-500: #55937F;
  --green-400: #85B0A2; /* accent on navy */
  --green-100: #E2ECE7;

  /* ---- Neutrals (cool graphite, tuned to the "CAPITAL" grey) ---- */
  --white:    #FFFFFF;
  --gray-50:  #F6F8FB;
  --gray-100: #EEF2F7;
  --gray-200: #DDE4EE;
  --gray-300: #C4CDDA;
  --gray-400: #98A3B4;
  --gray-500: #6B7787;
  --gray-600: #4B515C; /* the logo "CAPITAL" graphite */
  --gray-700: #333A45;
  --gray-800: #1F252E;
  --gray-900: #12161C;

  /* ---- Semantic status (fund performance, states) ---- */
  --positive-600: #1E8E5A; /* rentabilidade positiva */
  --positive-100: #E0F1E8;
  --negative-600: #C23B34; /* rentabilidade negativa */
  --negative-100: #F7E3E1;
  --warning-600:  #B8791C;
  --warning-100:  #F7EBD6;

  /* ---- Paper (warm editorial neutrals — the light surfaces) ---- */
  --paper-0:   #FCFBF7; /* cards — warm off-white */
  --paper-50:  #F4F1E8; /* page — warm ivory */
  --paper-100: #EBE6D9; /* sunken */
  --paper-200: #E0DACB; /* warm hairline / rules */
  --paper-300: #CFC7B3;
  --ink:       #14181C; /* near-black warm ink for editorial body */

  /* ============ Semantic aliases ============ */
  /* Text */
  --text-strong:   var(--navy-900);
  --text-body:     #2C3138;
  --text-muted:    #6E6A5E;
  --text-inverse:  var(--white);
  --text-on-navy:  #C4D2E6;
  --text-link:     var(--blue-700);
  --text-link-hover: var(--navy-800);

  /* Surfaces */
  --surface-page:    var(--paper-50);
  --surface-card:    var(--paper-0);
  --surface-sunken:  var(--paper-100);
  --surface-navy:    var(--navy-900);
  --surface-navy-deep: var(--navy-950);
  --surface-brand:   var(--blue-600);

  /* Brand roles */
  --brand-primary:   var(--navy-900);
  --brand-accent:    var(--blue-700);
  --brand-highlight: var(--green-600);

  /* Accent (sage green) — semantic roles used across UI */
  --accent:          var(--green-600);
  --accent-strong:   var(--green-700);
  --accent-on-navy:  var(--green-400);
  --accent-soft:     var(--green-100);

  /* Borders / lines — warm hairlines on paper */
  --border-subtle:  var(--paper-200);
  --border-default: var(--paper-300);
  --border-strong:  #B4AB94;
  --border-on-navy: rgba(255, 255, 255, 0.16);
  --rule-ink:       var(--navy-900); /* editorial full-strength rule */

  /* Focus ring */
  --focus-ring: rgba(36, 86, 166, 0.45);
}