cyb/src/style/index.scss

/* stylelint-disable custom-property-empty-line-before */
@import url('./libs/index.scss');

:root {
  // greens
  --primary-color: #36d6ae;
  --primary-color-r: 54;
  --primary-color-g: 214;
  --primary-color-b: 174;

  --green-light: #76ff03;
  --green-2: #7afaa1;

  --blue: #000aff;
  --blue-light: #1fcbff;

  --yellow: #fcf000;
  --yellow-r: 252;
  --yellow-g: 240;
  --yellow-b: 0;

  --red: #ff5c00;
  --red-r: 255;
  --red-g: 92;
  --red-b: 13;

  --grayscale-disabled: #616161;
  --grayscale-dark: #808080;
  --grayscale-secondary: #c7c7c7;
  --grayscale-primary: #fff;

  --text-opacity-2: 0.7;
  --text-opacity-3: 0.7;
  --text-opacity-4: 0.38;

  --pink: #f62bfd;
}

/* stylelint-disable */
:export {
  primaryColor: var(--primary-color);
  greenLightColor: var(--green-light);
  redColor: var(--red);
}

/* mobile: smaller font, word wrap, compact inputs */
@media (max-width: 540px) {
  body {
    font-size: 13px;
  }

  input,
  textarea {
    font-size: 13px !important;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}