/* Client theme: the brand palette, the colors derived from it, the font family and the self-hosted font files.
   Everything here is specific to one advisor's visual identity. Structural tokens (type scale, spacing, radius, timing) live in tokens.css.
   The five approved colors are the foundation; every other color is derived from them.
   Load this file before every stylesheet that uses these variables. Colors are set here only: client/config.js carries no color values. */
@font-face {
  font-family: "Heebo"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/heebo-hebrew.woff2") format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: "Heebo"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/heebo-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* approved palette */
  --deep-forest: #0f2b27;
  --forest: #1f4a44;
  --turquoise: #2fa7b3;
  --ivory: #f4ece1;
  --stone: #b7b1a6;

  /* derived: surfaces */
  --ivory-soft: #faf6ef;                 /* cards on ivory */
  --forest-raised: #285a53;              /* raised surface on forest */
  --line: rgb(183 177 166 / 55%);        /* stone, soft border on ivory */
  --line-strong: #6f7c78;                /* input borders: 3:1 or better on ivory-soft */
  --line-dark: rgb(244 236 225 / 16%);   /* border on dark surfaces */

  /* derived: text */
  --ink: var(--deep-forest);
  --ink-soft: #3b5551;                   /* 6.9:1 on ivory */
  --on-dark: var(--ivory);
  --on-dark-soft: rgb(244 236 225 / 76%);
  --turq-light: #7dd1d9;                 /* turquoise tint for small text on forest surfaces (5.6:1 on --forest) */
  --teal-text: #17707a;                  /* turquoise darkened for text on light surfaces (4.9:1 on ivory) */

  /* derived: status (no color-only signals: every status also has text) */
  --error: #a32a1f;
  --error-bg: #f8e4e0;
  --note-bg: #ebdfcf;

  /* derived: component colors (hover, hatch, status text and background) */
  --turquoise-hover: #46bdc8;            /* hover fill of the primary button on dark surfaces */
  --stone-dark: #8b867c;                 /* second stripe of the hatched "existing commitments" fill */
  --error-text: #6d1a12;                 /* text on --error-bg */
  --success-bg: #e2ece8;                 /* background of the success message */

  /* roles: --c-focus is the focus-ring color; --c-primary and --c-accent are not read by any stylesheet yet */
  --c-primary: var(--forest);
  --c-accent: var(--turquoise);
  --c-focus: var(--forest);

  /* font family */
  --font: "Heebo", "Assistant", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  /* brand-tinted shadow (rgb of --deep-forest) */
  --shadow: 0 1px 2px rgb(15 43 39 / 6%), 0 12px 32px rgb(15 43 39 / 8%);
}