:root {
  /* Transition */
  --all-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  --fade-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  --fade-linear-transition: opacity 0.2s linear;
  --border-transition-base: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  --color-transition-base: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  /* Colors */
  --color-primary: #00a854;

  --color-success: #00a854;
  --color-warning: #ffbf00;
  --color-danger: #f04134;
  --color-info: #108ee9;

  --color-secondary: #3dbd7d;
  --color-white: #fff;
  --color-black: #000;

  --color-base-black: #404040;
  --color-light-black: #5a5a5a;
  --color-deep-black: #222222;

  --color-base-gray: #bfbfbf;
  --color-light-gray: #d9d9d9;
  --color-deep-gray: #919191;

  --color-base-white: #f5f5f5;
  --color-light-white: #f7f7f7;
  --color-deep-white: #e9e9e9;

  /* Font */
  --font-size: 14px;
  --font-color: var(--color-deep-black);
  --font-color-disabled: var(--color-base-gray);

  /* Size */
  --size: 28px;
  --size-large: 32px;
  --size-small: 24px;

  /* Background */
  --background: var(--color-white);

  /* Link */
  --link-color: var(--color-base-black);
  --link-color-hover: var(--color-primary);

  /* Border */
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--color-base-gray);
  --border-color-hover: var(--color-primary);
  --border: var(--border-width) var(--border-style) var(--border-color);
  --border-radius: 4px;
  --border-radius-small: 2px;
  --border-radius-large: 6px;
  --border-radius-circle: 100%;

  /* Box-Shadow */
  --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);

  /* Disabled */
  --disabled-fill: var(--color-deep-white);
  --disabled-color: var(--color-base-gray);
  --disabled-border: var(--color-light-gray);

  /* Input */
  --input-height: var(--size);
  --input-color: var(--color-deep-black);
  --input-font-size: var(--font-size);
  --input-background: var(--background);
  --input-border: var(--border);
  --input-border-radius: var(--border-radius);
  --input-transition: var(--all-transition);
}
