// For information on how to create your own theme, please see:
// http://ionicframework.com/docs/theming/

// 检查是否有影响组件默认样式的变量设置

:root {
  // 定义古朴典雅的主题色
  --ion-background-color: #F5E6D3;  // 米褐色背景
  --ion-background-color-rgb: 245, 230, 211;

  --ion-text-color: #2C1810;  // 深褐色文字
  --ion-text-color-rgb: 44, 24, 16;

  // 主色调
  --ion-color-primary: #8B4513;  // 马鞍棕色
  --ion-color-primary-rgb: 139, 69, 19;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #7a3d11;
  --ion-color-primary-tint: #97582b;

  // 次要色调
  --ion-color-secondary: #A0522D;  // 赭石色
  --ion-color-secondary-rgb: 160, 82, 45;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #8d4827;
  --ion-color-secondary-tint: #aa6342;

  // 卡片背景色
  --ion-card-background: #FFF8DC;  // 玉米丝色
}

// 修改卡片样式
ion-card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(139, 69, 19, 0.2);
  background: var(--ion-card-background);
}

// 工具栏样式
ion-toolbar {
  --background: #D2B48C;  // 棕褐色
  --color: #2C1810;
  border-bottom: 1px solid rgba(139, 69, 19, 0.2);
}

// 搜索栏样式
ion-searchbar {
  --background: rgba(255, 248, 220, 0.8);
  --box-shadow: none;
  --border-radius: 8px;
  --placeholder-color: #8B4513;
  --icon-color: #8B4513;
}

// 图标颜色
ion-icon {
  color: #8B4513;
}

// 标题文字样式
ion-title {
  font-family: "Times New Roman", serif;
  font-weight: 500;
}

// 内容区域的渐变背景
ion-content {
  --background: linear-gradient(
    135deg,
    #F5E6D3 0%,
    #E6D5C3 100%
  );
}

// 标签页样式
ion-tab-bar {
  --background: #D2B48C;
  --border: 1px solid rgba(139, 69, 19, 0.2);
}

ion-tab-button {
  --color: #2C1810;
  --color-selected: #8B4513;
}

// 按钮悬停效果
ion-card:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
