:root {
  --brand-blue: #7AB2DC;
  --brand-blue-dark: #2F709E;
  --brand-blue-deep: #245A80;
  --brand-ink: #363538;
  --brand-gray: #66666A;
  --brand-light: #EEF6FB;
  --brand-surface: #F7F9FB;
  --brand-white: #FFFFFF;
  --brand-border: #DCE5EB;
  --brand-success: #247A58;
  --brand-warning: #A96514;
  --brand-error: #B53A3A;
  --shadow-sm: 0 8px 24px rgba(34, 72, 96, .08);
  --shadow-md: 0 18px 48px rgba(34, 72, 96, .12);
  --shadow-lg: 0 30px 80px rgba(27, 69, 96, .16);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --container: 1180px;
  --header-height: 82px;
  --transition: 180ms ease;
}