/* =========================================
   Osaka Spa Manila – Global Theme Variables
   ========================================= */

:root {
  --ion-color-primary: #c8963e;
  --ion-color-primary-rgb: 200, 150, 62;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #b08237;
  --ion-color-primary-tint: #cea150;

  --ion-color-secondary: #1a0a00;
  --ion-color-secondary-rgb: 26, 10, 0;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #170900;
  --ion-color-secondary-tint: #31231a;

  --ion-color-tertiary: #e8c97a;
  --ion-color-tertiary-rgb: 232, 201, 122;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-shade: #ccb16b;
  --ion-color-tertiary-tint: #eace87;

  --ion-background-color: #0d0500;
  --ion-background-color-rgb: 13, 5, 0;

  --ion-text-color: #f0e6d3;
  --ion-text-color-rgb: 240, 230, 211;

  --ion-font-family: 'Noto Sans JP', sans-serif;

  /* Japanese font stack */
  --font-display: 'Zen Old Mincho', 'Shippori Mincho B1', serif;
  --font-heading: 'Shippori Mincho B1', 'Noto Serif JP', serif;
  --font-body:    'Noto Sans JP', sans-serif;

  /* Custom brand vars */
  --brand-gold: #c8963e;
  --brand-gold-light: #e8c97a;
  --brand-dark: #0d0500;
  --brand-dark-card: #1a0e06;
  --brand-dark-card2: #221508;
  --brand-text: #f0e6d3;
  --brand-text-muted: #b89e82;
  --brand-accent: #ff6b9d;
}

/* Toolbar / header background */
ion-toolbar {
  --background: rgba(13, 5, 0, 0.97);
  --color: var(--brand-gold);
  --border-color: transparent;
}

ion-content {
  --background: var(--brand-dark);
  --color: var(--brand-text);
}

ion-tab-bar {
  --background: rgba(13, 5, 0, 0.97);
  --border: 1px solid rgba(200, 150, 62, 0.3);
}

ion-tab-button {
  --color: var(--brand-text-muted);
  --color-selected: var(--brand-gold);
}