:root {
  /* Primary */
  --color-primary-01: #11879D;
  --color-primary-02: #18A8C3;
  --color-primary-03: #00404C;

  /* Font */
  --color-font-01: #445563;
  --color-font-02: #151515;
  --color-font-03: #FFFFFF;

  /* Placeholder */
  --color-placeholder-01: #C5C5C5;

  /* Border */
  --color-border-01: #BED9DE;

  /* Background */
  --color-bg-01: #EEF7F9;
  --color-bg-table-stripe: #F2F2F2;

  /* Disabled */
  --color-disabled-01: #CCCCCC;

  /* Gradient */
  --color-gradient-01: linear-gradient(271deg, #90DEEC -0.94%, #11879D 30.16%, #11879D 76.05%, #90DEEC 101.03%);
  --color-gradient-02: linear-gradient(180deg, rgba(238, 247, 249, 0.40) 0%, #EEF7F9 100%);

  /* Default */
  --color-bg: var(--color-bg-01);
  --color-text: var(--color-font-01);
  --color-button: var(--color-primary-01);
  --color-error-text: #f00;
}