/**
 * 自定义CSS变量和样式
 */

:root {
  /* 颜色变量 */
  --primary-color: #0073aa;
  --secondary-color: #23282d;
  --accent-color: #00a0d2;
  --text-color: #333;
  --background-color: #fff;
}

/* 覆盖 Astra 主题的默认背景色 */
body,
html,
#page,
.ast-container,
.site {
  background-color: #ffffff !important;
}

/* 确保主内容区域也是白色 */
#content,
.site-content,
main {
  background-color: #ffffff !important;
}

/* 示例：自定义按钮样式 */
/*
.custom-button {
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.custom-button:hover {
    background-color: var(--accent-color);
}
*/