/* ============================================================
   Selitics brand ramp — the single definition of the brand colours.

   Loaded FIRST on every surface: the marketing site (sel-site.css) and the
   dashboard / onboarding / platform admin (sel-system/tokens.css) both alias
   their own names onto these. Before this file the two stylesheets each
   declared their own teal (#12AFA5 on the marketing site, #20B2AA in the
   dashboard), so the brand shifted colour the moment a merchant signed in.

   Only three colours exist in Selitics: teal, black, white. Every neutral is a
   pure black-white mix, never a fourth hue.

   Contrast, measured on white:
     --sel-teal      3.01:1  large text, fills, chart marks, borders
     --sel-teal-deep 4.67:1  the lightest tint that carries white text or small body copy
     --sel-teal-ink  8.28:1  headings on a teal wash
   White text on --sel-teal fails AA (2.62:1). Use --sel-teal-deep for that.
   ============================================================ */

:root {
  --sel-teal-wash: #E8F7F5;
  --sel-teal-tint: #C6EDEA;
  --sel-teal-soft: #7FD8D1;
  --sel-teal:      #20B2AA;
  --sel-teal-mid:  #1C9E97;
  --sel-teal-deep: #14766F;
  --sel-teal-ink:  #0C4C48;

  --sel-black: #000000;
  --sel-white: #FFFFFF;
}