/* Homer's brand colors (Lee, 2026-11-11), in the Ledger tone. Every
   color is a step of a ramp of the shared palette, ramps.css: the primary
   is teal 700, its tint teal 100 and its hover teal 800.
   Load this file after tokens.css, ramps.css and ledger.css, and before
   base.css and parts.css. Copied from the shared style guide
   (~/Work/oblique, app/design/brands/homer.css), then Homer's own tokens
   below: the chart order and the note heat. */

:root {
  /* Homer's primary: its one action color, its tint, its hover, and how words and frames sit on it */
  --primary:            #0A6676; /* teal 700: the main button, count badges, done boxes, progress and a switch that is on */
  --primary-tint:      #DFF1F5; /* teal 100: the tint: a chosen option, and a toggle that is on */
  --primary-hover:       #024D59; /* teal 800: the main button under the pointer */
  --primary-on:         #FFFFFF; /* words and glyphs on the primary */
  --primary-text:       #0A6676; /* links, text actions and chosen words */
  --primary-frame:      #0A6676; /* the frame of a chosen thing, and the focus ring */
  --primary-underline:  none; /* links and text actions take a line only when their words are ink */

  /* Homer's accents: each fills a shape behind words of its stated color. Never a meaning, never words on paper, never a chart. */
  --accent-1:       #A7CDD7; /* teal 300 */
  --accent-1-on:    #1A1A2E; /* ink words on teal 300 */
  --accent-2:       #00343E; /* teal 900 */
  --accent-2-on:    #FFFFFF; /* white words on teal 900 */
}

:root {
  /* Charts: one series is ink. Several take these 16 colors of the chart order, never cycled. Homer's scripts read them by name (app/javascript/constants/tokens.js). */
  --chart-1: #2B4BD7;   /* cobalt 700 */
  --chart-2: #45A380;   /* mint 500 */
  --chart-3: #7A4FD0;   /* grape 600 */
  --chart-4: #FF6B5B;   /* coral 400 */
  --chart-5: #38B8F6;   /* sky 400 */
  --chart-6: #F3BD31;   /* lemon 300: light, so its chart keeps a legend */
  --chart-7: #018C3F;   /* green 600 */
  --chart-8: #EA4796;   /* pink 500 */
  --chart-9: #6589EC;   /* cobalt 500 */
  --chart-10: #B85202;  /* orange 600 */
  --chart-11: #AF9CEC;  /* grape 400 */
  --chart-12: #9E1D60;  /* pink 700 */
  --chart-13: #65C37C;  /* green 400 */
  --chart-14: #DB0118;  /* red 600 */
  --chart-15: #007EAF;  /* sky 600 */
  --chart-16: #C0463A;  /* coral 600 */

  /* Notes: how many notes a day holds, in 3 steps of cobalt */
  --note-heat-1: #CDDCFF;  /* cobalt 200: one note */
  --note-heat-2: #8AA8F6;  /* cobalt 400: two notes */
  --note-heat-3: #4469E1;  /* cobalt 600: three or more */

}