/* GigDough colors: the ONLY place colors are written. Every other CSS file uses these names: var(--name).
   Change a color here and it changes on every page. Dark only (no light version). */
:root {
  color-scheme: dark;

  /* palette (owner, 2026-10-17) */
  --black: #000000;
  --onyx: #0c0c0c;
  --space: #002840;       /* Deep Space Blue */
  --navy: #0b2f52;        /* deeper dark blue: borders, delete buttons */
  --ochre: #ba5a31;       /* Red Ochre */
  --walnut: #6f2c02;      /* Dark Walnut: card borders */
  --walnut-deep: #321300; /* Bands section background */
  --white: #ffffff;
  --soft-white: #fafafa;  /* standard hover */
  --grey-text: #999999;   /* Help / Account body text */
  --line-head: #bdbdbd;   /* line headings: the bold words that start a line */
  --danger: #ae0000;      /* delete hover */

  /* what each color is used for */
  --bg: var(--black);           /* page */
  --surface: var(--onyx);       /* cards, fields */
  --surface-2: var(--space);    /* plain buttons, row hover, header */
  --fg: var(--white);           /* text */
  --muted: var(--white);        /* secondary text */
  --line: var(--navy);          /* borders */
  --accent: var(--ochre);       /* main buttons, totals, links */
  --accent-fg: var(--white);    /* text on the accent */
  --hover: var(--soft-white);
  --good: var(--white);         /* profit (the palette has no green) */
  --bad: var(--ochre);          /* loss */
  --focus: var(--white);        /* field border while typing */

  /* see-through tints (shadows, glows, paper texture) */
  --black-20: rgba(0, 0, 0, .2);
  --black-45: rgba(0, 0, 0, .45);
  --accent-70: rgba(186, 90, 49, .7);   /* loading bar glow */
  --accent-10: rgba(186, 90, 49, 0.1);
  --accent-12: rgba(186, 90, 49, 0.12);
  --accent-15: rgba(186, 90, 49, 0.15);
  --accent-16: rgba(186, 90, 49, 0.16);
  --accent-80: rgba(186, 90, 49, 0.8);
  --black-30: rgba(0, 0, 0, 0.3);
  --black-35: rgba(0, 0, 0, 0.35);
  --black-55: rgba(0, 0, 0, 0.55);
  --black-60: rgba(0, 0, 0, 0.6);
  --black-92: rgba(0, 0, 0, 0.92);
  --space-25: rgba(0, 40, 64, 0.25);
  --space-28: rgba(0, 40, 64, 0.28);
  --space-30: rgba(0, 40, 64, 0.3);
  --walnut-16: rgba(111, 44, 2, 0.16);
  --white-12: rgba(255, 255, 255, 0.12);
  --white-4: rgba(255, 255, 255, 0.04);
  --white-8: rgba(255, 255, 255, 0.08);
  --black-25: rgba(0, 0, 0, .25);
}