/* VI Color Theme — derived from logo calligraphy palette (terracotta / warm orange) */
:root {
  --primaryColor: #E8A87C;
  --secondaryColor: #FEF0E6;
  --accentColor: #C23B10;

  --primaryBorder: 1px solid #E8A87C;
  --secondaryBorder: 1px solid #FEF0E6;
  --accentBorder: 1px solid #C23B10;

  --headerColor: #C23B10;
  --headerHoverColor: #D94F1E;
  --headerActiveColor: #C23B10;
  --headerStickyColor: #C23B10;

  --footerBg: #FDF3EC;
  --footerColor: #C23B10;

  --headlineH1LineBg: #C23B10;
  --subTitleH3Color: #C23B10;
  --subTitleH4Color: #C23B10;
  --fieldLabelColor: #C23B10;

  --btnBg: #C23B10;
  --btnHoverBg: #FFFFFF;
  --btnColor: #FFFFFF;
  --btnHoverColor: #C23B10;
  --btnBorderColor: #C23B10;
  --btnHoverBorderColor: #C23B10;

  --btnPrimaryBg: #C23B10;
  --btnPrimaryHoverBg: transparent;
  --btnPrimaryColor: #FFFFFF;
  --btnPrimaryHoverColor: #C23B10;
  --btnPrimaryBorderColor: #C23B10;
  --btnPrimaryHoverBorderColor: #C23B10;
  --btnPrimaryDisabledBg: #E8A87C;

  --btnSecondaryBg: transparent;
  --btnSecondaryHoverBg: #C23B10;
  --btnSecondaryColor: #C23B10;
  --btnSecondaryHoverColor: #FFFFFF;
  --btnSecondaryBorderColor: #C23B10;
  --btnSecondaryHoverBorderColor: #C23B10;
  --btnLinkColor: #C23B10;

  --backToTopBg: #C23B10;
  --backToTopBorderColor: #C23B10;
  --backToTopColor: #ffffff;
}