/* CEV Commerce — brand tokens.
   Generated by brand/build/palette.py from the two colours in the
   logo. Edit the script, not this file.
   green #5CBB53   ink #1D2323  */

:root {
  /* --- green --- */
  --green-50: #F2FBF1;  /* rgb(242,251,241)  cmyk(4,0,4,2)  1.06:1 on white */
  --green-100: #E0F4DE;  /* rgb(224,244,222)  cmyk(8,0,9,4)  1.15:1 on white */
  --green-200: #C3E8C0;  /* rgb(195,232,192)  cmyk(16,0,17,9)  1.35:1 on white */
  --green-300: #9ED798;  /* rgb(158,215,152)  cmyk(27,0,29,16)  1.66:1 on white */
  --green-400: #7FCA78;  /* rgb(127,202,120)  cmyk(37,0,41,21)  1.99:1 on white */
  --green-500: #5CBB53;  /* rgb(92,187,83)  cmyk(51,0,56,27)  2.42:1 on white */
  --green-600: #479F3F;  /* rgb(71,159,63)  cmyk(55,0,60,38)  3.33:1 on white */
  --green-700: #3C8635;  /* rgb(60,134,53)  cmyk(55,0,60,47)  4.5:1 on white */
  --green-800: #265622;  /* rgb(38,86,34)  cmyk(55,0,60,66)  8.62:1 on white */
  --green-900: #193916;  /* rgb(25,57,22)  cmyk(55,0,60,78)  12.86:1 on white */
  /* --- ink --- */
  --ink-50: #F8F9F9;  /* rgb(248,249,249)  cmyk(1,0,0,2)  1.05:1 on white */
  --ink-100: #EEF1F1;  /* rgb(238,241,241)  cmyk(1,0,0,6)  1.14:1 on white */
  --ink-200: #E0E4E4;  /* rgb(224,228,228)  cmyk(2,0,0,11)  1.29:1 on white */
  --ink-300: #C4CACA;  /* rgb(196,202,202)  cmyk(3,0,0,21)  1.66:1 on white */
  --ink-400: #99A3A3;  /* rgb(153,163,163)  cmyk(6,0,0,36)  2.59:1 on white */
  --ink-500: #748181;  /* rgb(116,129,129)  cmyk(10,0,0,50)  4.06:1 on white */
  --ink-600: #576060;  /* rgb(87,96,96)  cmyk(10,0,0,62)  6.43:1 on white */
  --ink-700: #383E3E;  /* rgb(56,62,62)  cmyk(10,0,0,76)  10.97:1 on white */
  --ink-800: #1D2323;  /* rgb(29,35,35)  cmyk(17,0,0,86)  15.95:1 on white */
  --ink-900: #111515;  /* rgb(17,21,21)  cmyk(18,0,0,92)  18.38:1 on white */
  /* --- semantic --- */
  --caution: #8A5E14;
  --caution-wash: #FAF2DF;
  --prohibited: #A83A30;
  --prohibited-wash: #F8E6E3;
  --affirm: #3C8635;
  --affirm-wash: #F2FBF1;

  /* --- role aliases: templates use these, never the ramp directly --- */
  --brand:        var(--green-500);   /* the logo green. fills, marks, rules */
  --brand-text:   var(--green-700);   /* the only green that may carry text */
  --brand-deep:   var(--green-900);
  --brand-wash:   var(--green-50);
  --paper:        #FFFFFF;
  --paper-2:      var(--ink-50);
  --rule:         var(--ink-200);
  --rule-strong:  var(--ink-800);
  --text:         var(--ink-800);
  --text-2:       var(--ink-600);
  --text-3:       var(--ink-500);
  --surface-dark: var(--ink-900);

  /* --- type --- */
  --font-display: "Archivo", "Archivo Expanded", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-data:    "IBM Plex Mono", Consolas, "Courier New", monospace;

  /* --- the grid. one number: everything else is a multiple --- */
  --unit: 4pt;
  --gutter: 5mm;
  --margin-x: 16mm;
  --margin-y: 14mm;
}