/* Till colors, grouped as in the brand guidelines. */
:root {
  /* Primary */
  --till-paper: #F9F8F5;
  --till-surface: #F1EFE5;
  --till-ink: #15110D;
  --till-hairline: #6C5C3A;

  /* Supporting */
  --till-pool: #009FE9;
  --till-lime: #8DDF00;
  --till-yolk: #FDC200;
  --till-gum: #FF4BB1;

  /* Supporting Light */
  --till-light-pool: #B9E7F5;
  --till-light-lime: #BDEE9D;
  --till-light-yolk: #FADC7B;
  --till-light-gum: #FEB2DD;

  /* Product */
  --till-background: #F9F8F5;
  --till-field: #EEECE5;
  --till-light-button-top: #FFFFFF;
  --till-light-button-middle: #F7F7F7;
  --till-light-button-bottom: #F5F5F5;
  --till-primary-button-top: #41382F;
  --till-primary-button-bottom: #15110D;
  --till-divider: #15110D;

  /* Status */
  --till-link: #246EFF;
  --till-success: #14C400;
  --till-warning: #F37F0A;
  --till-error: #C40001;

  /* Gradient */
  --till-gradient-paper: #F9F8F5;
  --till-gradient-yellow: #FDE194;
  --till-gradient-blue: #74B5FF;
  --till-calm: #2448FF;
  --till-warm: #FF2424;
  --till-sunny: #FFBE25;
  --till-dreamy: #D413FF;

  /* In use */
  --till-hairline-15: rgba(108, 92, 58, 0.15);
  --till-divider-10: rgba(21, 17, 13, 0.1);

  /* Supporting materials, top to bottom */
  --till-pool-material: linear-gradient(180deg, #009FE9 0%, #2C5EF4 80.6%, #2C68F4 100%);
  --till-lime-material: linear-gradient(180deg, #8DDF00 0%, #5BBF05 80.6%, #82CA05 100%);
  --till-yolk-material: linear-gradient(180deg, #FDC200 0%, #FD9800 80.6%, #FDB500 100%);
  --till-gum-material: linear-gradient(180deg, #FF4BB1 0%, #FF4B6C 80.6%, #F53884 100%);
  --till-light-button: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 20%, #F7F7F7 80.6%, #F5F5F5 100%);
  --till-primary-button: linear-gradient(180deg, #41382F 0%, #15110D 100%);
}