:root {
  /* --ion-color-primary: #3880ff; */
}

/* Ionic Variables and Theming
 * ---------------------------------------------------------------
 * Any overrides to theme variables should be placed in this file.
 * For more information, please see:
 * http://ionicframework.com/docs/theming/
 */

/* This sets a different item border color for the default theme on ios and md */
:root {
  --ion-item-border-color: var(--ion-background-color-step-200);
}

/* This sets a different background and item background for the default theme on ios */
:root.ios {
  --ion-background-color: var(--ion-background-color-step-50, #f2f2f6);
  --ion-toolbar-background: var(--ion-background-color);
  --ion-item-background: #fff;
}

/* This sets a different background and item background for the default theme on md */
:root.md {
  --ion-background-color: var(--ion-background-color-step-100, #f9f9f9);
  --ion-toolbar-background: var(--ion-background-color);
  --ion-item-background: #fff;
}

/* This sets a different item background when dark mode is enabled on ios and md */
.ion-palette-dark.ios,
.ion-palette-dark.md {
  --ion-item-background: #1c1c1d;
}

/* custom */
html {
  /* --ion-safe-area-top: 0px; */
}

/* 云乐坊 App 容器：工具栏右侧给悬浮胶囊让位 */
.in-yunle-app ion-header ion-toolbar {
  --padding-end: max(var(--cook-host-capsule-inset, 0px), 4px);
}

/* 品牌主色：标签栏选中、链接按钮、开关等 iOS tint 统一用 Cook 绿，和匹配视图一致 */
:root {
  --ion-color-primary: #1d7a45;
  --ion-color-primary-rgb: 29, 122, 69;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #1a6b3d;
  --ion-color-primary-tint: #348758;
}

.ion-palette-dark {
  --ion-color-primary: #91d8a7;
  --ion-color-primary-rgb: 145, 216, 167;
  --ion-color-primary-contrast: #102c1b;
  --ion-color-primary-contrast-rgb: 16, 44, 27;
  --ion-color-primary-shade: #80be93;
  --ion-color-primary-tint: #9cdcb0;
}

/* iOS 分组列表的组标题和组脚注 */
.cook-group-header {
  margin: 24px 0 0;
  padding: 0 calc(16px + 20px) 6px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--ion-color-step-600, #6d6d72);
}

.cook-group-header + ion-list.list-inset {
  margin-top: 0;
}

.cook-group-footer {
  margin: -8px 0 0;
  padding: 0 calc(16px + 20px);
  font-size: 13px;
  line-height: 18px;
  color: var(--ion-color-step-600, #6d6d72);
}

/* 系统填充色（按钮底色）和提示用的橙色 */
:root {
  --cook-fill: rgba(118, 118, 128, 0.12);
  --cook-orange: #c35c00;
}

.ion-palette-dark {
  --cook-fill: rgba(118, 118, 128, 0.24);
  --cook-orange: #ffb340;
}