/* trdstash design tokens. Mirrors the :root in the design manual. */
:root {
  /* surfaces */
  --bg: #FAF8F1;
  --card: #FFFFFF;
  --panel: #F4F1E6;
  --panel-2: #FBF9F1;
  --ink-surface: #0A0A0A;

  /* ink (text) */
  --ink:   #0A0A0A;
  --ink-2: #2B2B2B;
  --ink-3: #5C5C5C;
  --ink-4: #9A9A92;
  --ink-on-dark: #FAF8F1;

  /* lines */
  --line:   #E8E5DC;
  --line-2: #F0EDE4;

  /* brand */
  --yellow:        #FFD60A;
  --yellow-deep:   #C9A700;
  --yellow-soft:   #FFF4B8;
  --yellow-softer: #FFFAE0;

  /* semantic */
  --green:        #1DB954;
  --green-deep:   #0E7A36;
  --green-soft:   #DFF5E5;
  --red:      #E84D4D;
  --red-deep: #A52B2B;
  --red-soft: #FAE0E0;
  --blue:      #2F6FE0;
  --blue-deep: #1A4A9E;
  --blue-soft: #E1ECFB;

  /* radius */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius:    16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
}