/* horizons.css — 6 FairHorizon color themes.

   Each theme exposes:
     --accent          primary swatch
     --accent-soft     translucent variant for hover states
     --accent-1 .. -12 12-step gradient (light → dark), used as the
                       donut / bullet color cycle on page 2.

   The 12-step ramp is evenly interpolated between the brand-guide's
   lightest tint (~accent-1) and deepest shade (~accent-12). 11
   ranked diversification items + 1 "Others" = 12 distinct bullets.
*/

:root {
  --horizon-purple : #9054c3;
  --horizon-blue   : #3b4f7b;
  --horizon-green  : #65cdae;
  --horizon-yellow : #f5a132;
  --horizon-orange : #e26a3f;
  --horizon-red    : #9c3a52;
}

body.h-purple, .h-purple {
  --accent: var(--horizon-purple);
  --accent-soft: rgba(144, 84, 195, 0.18);
  --accent-1:  #d6c5e8;
  --accent-2:  #c7b4df;
  --accent-3:  #b7a4d6;
  --accent-4:  #a893ce;
  --accent-5:  #9982c5;
  --accent-6:  #8a72bc;
  --accent-7:  #7a61b3;
  --accent-8:  #6b51aa;
  --accent-9:  #5c40a1;
  --accent-10: #4d2f99;
  --accent-11: #3d1f90;
  --accent-12: #2e0e87;
}

body.h-blue, .h-blue {
  --accent: var(--horizon-blue);
  --accent-soft: rgba(59, 79, 123, 0.18);
  --accent-1:  #c2cae3;
  --accent-2:  #b3bbd7;
  --accent-3:  #a3abca;
  --accent-4:  #949cbe;
  --accent-5:  #858cb2;
  --accent-6:  #767da6;
  --accent-7:  #666d99;
  --accent-8:  #575e8d;
  --accent-9:  #484e81;
  --accent-10: #393f75;
  --accent-11: #292f68;
  --accent-12: #1a205c;
}

body.h-green, .h-green {
  --accent: var(--horizon-green);
  --accent-soft: rgba(101, 205, 174, 0.20);
  --accent-1:  #cfecdc;
  --accent-2:  #bddece;
  --accent-3:  #acd0c0;
  --accent-4:  #9ac2b1;
  --accent-5:  #89b4a3;
  --accent-6:  #77a695;
  --accent-7:  #669887;
  --accent-8:  #548a79;
  --accent-9:  #437c6b;
  --accent-10: #316e5c;
  --accent-11: #20604e;
  --accent-12: #0e5240;
}

body.h-yellow, .h-yellow {
  --accent: var(--horizon-yellow);
  --accent-soft: rgba(245, 161, 50, 0.22);
  --accent-1:  #fbe2a8;
  --accent-2:  #eed49a;
  --accent-3:  #e1c68d;
  --accent-4:  #d3b87f;
  --accent-5:  #c6aa71;
  --accent-6:  #b99c64;
  --accent-7:  #ac8f56;
  --accent-8:  #9f8149;
  --accent-9:  #92733b;
  --accent-10: #84652d;
  --accent-11: #775720;
  --accent-12: #6a4912;
}

body.h-orange, .h-orange {
  --accent: var(--horizon-orange);
  --accent-soft: rgba(226, 106, 63, 0.22);
  --accent-1:  #f8d6c0;
  --accent-2:  #edc6b0;
  --accent-3:  #e1b7a0;
  --accent-4:  #d6a791;
  --accent-5:  #ca9781;
  --accent-6:  #bf8771;
  --accent-7:  #b37861;
  --accent-8:  #a86851;
  --accent-9:  #9c5841;
  --accent-10: #914832;
  --accent-11: #853922;
  --accent-12: #7a2912;
}

body.h-red, .h-red {
  --accent: var(--horizon-red);
  --accent-soft: rgba(156, 58, 82, 0.22);
  --accent-1:  #dba8b2;
  --accent-2:  #cc9aa4;
  --accent-3:  #be8c97;
  --accent-4:  #af7e89;
  --accent-5:  #a0707b;
  --accent-6:  #92626e;
  --accent-7:  #835460;
  --accent-8:  #754653;
  --accent-9:  #663845;
  --accent-10: #572a37;
  --accent-11: #491c2a;
  --accent-12: #3a0e1c;
}

:root {
  --ink: #1f1f1f;
  --ink-soft: #555;
  --muted: #8e8e8e;
  --line: #e6e6e2;
  --bg: #fbfaf6;
  --paper: #ffffff;
  /* Primary brand accent — overridden per-tenant by the brand overlay
   * stylesheet (static/brand/<id>.css). The base values here are the
   * fairsheets palette. The `-rgb` triple is the same colour expressed
   * as comma-separated channels so it can be used inside `rgba(...)`
   * for translucent shadows/halos. */
  --brand-red:       #b70624;
  --brand-red-rgb:   183, 6, 36;
  --brand-red-hover: #9a0520;
  --brand-red-soft:  rgba(183, 6, 36, 0.18);
  /* Semantic "loss / negative" red — NOT brand-overridable. A negative
   * return should always read as red regardless of which tenant is
   * being rendered; using the brand variable causes losses to show in
   * fairmoegens-yellow which inverts the universal red=loss convention. */
  --negative-red:    #b70624;
  --font-display: "Playfair Display", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter",
                "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", Menlo, Consolas, monospace;
}