:root {
  --color-text: #111;
  --color-text-sub: #555;
  --color-text-gray: #767676;
  --color-text-disabled: #999;

  --color-text-error: #DC0000;
  --color-text-primary: #04B014;
  --color-text-warning: #FA0;

  --color-line-dark: #111;
  --color-line: #E5E5EC;
  --color-line-light: #F1F1F5;

  --color-background: #fff;
  --color-background-soft: #F7F7FB;
  --color-background-dark: #F1F1F5;

  --color-brand-800: #07662D;
  --color-brand-700: #0A9944;
  --color-brand-500: #0DCC5A;
  --color-brand-300: #30F27E;
  --color-brand-200: #75F6A9;
  --color-brand-100: #BAFBD4;
  --color-brand-30: #E8FCEF;
  --color-brand-10: #F4FDF6;

  --border-radius: 25px;
  --border-radius-small: 15px;

  --font-size-t1: 56px;
  --line-height-t1: 72px;
  --font-size-t2: 40px;
  --line-height-t2: 52px;
  --font-size-t3: 28px;
  --line-height-t3: 38px;

  --font-size-b1: 24px;
  --line-height-b1: 34px;
  --font-size-b2: 20px;
  --line-height-b2: 28px;

  --tag-radius: 100px;
}