:root {
  --border-block: #f5f5f5 1px solid;
  --border-input: #ccc 1px solid;
  --backgroud-color: white;
  --secondary-backgroud-color: #f5f5f5;
  --font-size-base: 14px;
  --font-size-submenu: 13px;
  --font-size-sm: 12px;
  --navbar-height: 60px;
  --line-height: 1.3rem;
  --input-border-color: var(--color-terciary);
  --input-border-radius: 6px;
  --input-border: var(--input-border-color) 1px solid;
  --block-border: var(--background-color-muted) 1px solid;
  --background-color-primary: var(--color-primary);
  --background-color-secondary: #fff;
  --background-color-secondary-hover: #f4f4f4ee;
  --background-color: white;
  --background-color-hover: #f4f4f4ee;
  --background-color-muted: #f5f5f5;
  --background-color-muted-hover: #eee;
  --background-color-hover: #f4f4f4;
  --background-color-logo: #18181b;
  --color: #353c4e;
  --color-terciary: #e4e4e7;
  --color-error: #FC6180;
  --color-error-hover: #FC6180cc;
  --color-accent: #0a0a0a;
  --color-muted: #919aa3;
  --color-white: #fff;
  --color-secondary: #919aa3;
  --color-secondary-hover: #f4f4f4;
  --color-primary: #4680ff;
  --color-primary-hover: #4680ffe6;
  --color-inverse: #fff;
  --color-success: #93BE52;
  --color-success-hover: #93BE52e6;
  --color-danger: var(--color-error);
  --color-danger-hover: var(--color-error-hover);
  --color-info: #4680ff;
  --color-info-hover: #4680ffe6;
  --color-warning: #FFB64D;
  --color-warning-hover: #FFB64De6;
  --color-warning-foreground: #fff;
}