/* Ashana color palette - central place for site colors */
:root {
  /* Gold */
  --ashana-gold-100: #fff7d6;
  --ashana-gold-200: #f2db8b;
  --ashana-gold-text: #342a04;

  /* Cream */
  --ashana-cream-100: #fffdf7;
  --ashana-cream-200: #f5ebe0;
  --ashana-cream-text: #3d2e1e;

  /* Sand */
  --ashana-sand-100: #f5ebe0;
  --ashana-sand-200: #e8d5c4;
  --ashana-sand-text: #3d2e1e;

  /* Rose */
  --ashana-rose-100: #fff0f0;
  --ashana-rose-200: #f5d0d0;
  --ashana-rose-text: #4a1c1c;

  /* Lavender */
  --ashana-lavender-100: #f5f0ff;
  --ashana-lavender-200: #ddd0f5;
  --ashana-lavender-text: #2d1854;

  /* Sage */
  --ashana-sage-100: #f0f7f0;
  --ashana-sage-200: #d0e8d0;
  --ashana-sage-text: #1a3a1a;

  /* Accent (cool blue) */
  --ashana-accent-100: #f2f6ff;
  --ashana-accent-200: #d8e5ff;
  --ashana-accent-text: #07306a;

  /* Chakra / 7 Rayos */
  --ashana-chakra-raiz-100: #ffe5e5;
  --ashana-chakra-raiz-200: #f0a0a0;
  --ashana-chakra-raiz-text: #6b1a1a;

  --ashana-chakra-sacro-100: #fff0e0;
  --ashana-chakra-sacro-200: #f0c080;
  --ashana-chakra-sacro-text: #5a2d05;

  --ashana-chakra-solar-100: #fffbe0;
  --ashana-chakra-solar-200: #f0d860;
  --ashana-chakra-solar-text: #4a3800;

  --ashana-chakra-corazon-100: #e8ffe8;
  --ashana-chakra-corazon-200: #90d890;
  --ashana-chakra-corazon-text: #1a4a1a;

  --ashana-chakra-garganta-100: #e8f4ff;
  --ashana-chakra-garganta-200: #90c8f0;
  --ashana-chakra-garganta-text: #0a2a50;

  --ashana-chakra-tercerojo-100: #eae8ff;
  --ashana-chakra-tercerojo-200: #a098e8;
  --ashana-chakra-tercerojo-text: #1a1660;

  --ashana-chakra-corona-100: #f4e8ff;
  --ashana-chakra-corona-200: #c090e8;
  --ashana-chakra-corona-text: #3a1060;

  /* MudBlazor overrides */
  --ashana-primary: #4E567E;
  --ashana-secondary: #D2F1E4;
  --ashana-surface: #ffffff;
  --ashana-info: #0dcaf0;
  --ashana-success: #198754;
  --ashana-warning: #ffc107;
  --ashana-error: #dc3545;
  --ashana-dark: #212529;
  --ashana-tertiary: #f7efe0;
}

/* Core theme classes — use !important to override MudBlazor component defaults (e.g. MudPaper background-color) */
.ashana-theme-primary, .ashana-bg-primary, .mud-theme-primary, .mud-bg-primary { background: var(--ashana-primary) !important; color: #fff !important; }
.ashana-theme-secondary, .ashana-bg-secondary, .mud-theme-secondary, .mud-bg-secondary { background: var(--ashana-secondary) !important; color: #342a04 !important; }
.ashana-theme-surface, .ashana-bg-surface, .mud-theme-surface, .mud-bg-surface { background: var(--ashana-surface) !important; color: #000 !important; }
.ashana-theme-info, .ashana-bg-info, .mud-theme-info, .mud-bg-info { background: var(--ashana-info) !important; color: #042b2f !important; }
.ashana-theme-success, .ashana-bg-success, .mud-theme-success, .mud-bg-success { background: var(--ashana-success) !important; color: #fff !important; }
.ashana-theme-warning, .ashana-bg-warning, .mud-theme-warning, .mud-bg-warning { background: var(--ashana-warning) !important; color: #000 !important; }
.ashana-theme-error, .ashana-bg-error, .mud-theme-error, .mud-bg-error { background: var(--ashana-error) !important; color: #fff !important; }
.ashana-theme-dark, .ashana-bg-dark, .mud-theme-dark, .mud-bg-dark { background: var(--ashana-dark) !important; color: #fff !important; }
.ashana-theme-tertiary, .ashana-bg-tertiary, .mud-theme-tertiary, .mud-bg-tertiary { background: var(--ashana-tertiary) !important; color: #342a04 !important; }

/* Ashana gradient palette */
.ashana-theme-gold, .ashana-bg-gold, .mud-theme-gold, .mud-bg-gold { background: linear-gradient(180deg, var(--ashana-gold-100), var(--ashana-gold-200)) !important; color: var(--ashana-gold-text) !important; }
.ashana-theme-cream, .ashana-bg-cream, .mud-theme-cream, .mud-bg-cream { background: linear-gradient(180deg, var(--ashana-cream-100), var(--ashana-cream-200)) !important; color: var(--ashana-cream-text) !important; }
.ashana-theme-sand, .ashana-bg-sand, .mud-theme-sand, .mud-bg-sand { background: linear-gradient(180deg, var(--ashana-sand-100), var(--ashana-sand-200)) !important; color: var(--ashana-sand-text) !important; }
.ashana-theme-rose, .ashana-bg-rose, .mud-theme-rose, .mud-bg-rose { background: linear-gradient(180deg, var(--ashana-rose-100), var(--ashana-rose-200)) !important; color: var(--ashana-rose-text) !important; }
.ashana-theme-lavender, .ashana-bg-lavender, .mud-theme-lavender, .mud-bg-lavender { background: linear-gradient(180deg, var(--ashana-lavender-100), var(--ashana-lavender-200)) !important; color: var(--ashana-lavender-text) !important; }
.ashana-theme-sage, .ashana-bg-sage, .mud-theme-sage, .mud-bg-sage { background: linear-gradient(180deg, var(--ashana-sage-100), var(--ashana-sage-200)) !important; color: var(--ashana-sage-text) !important; }
.ashana-theme-accent, .ashana-bg-accent, .mud-theme-accent, .mud-bg-accent { background: linear-gradient(180deg, var(--ashana-accent-100), var(--ashana-accent-200)) !important; color: var(--ashana-accent-text) !important; }

/* Chakra / 7 Rayos — gradient palette */
.ashana-theme-chakraraiz, .mud-theme-chakraraiz { background: linear-gradient(180deg, var(--ashana-chakra-raiz-100), var(--ashana-chakra-raiz-200)) !important; color: var(--ashana-chakra-raiz-text) !important; }
.ashana-theme-chakrasacro, .mud-theme-chakrasacro { background: linear-gradient(180deg, var(--ashana-chakra-sacro-100), var(--ashana-chakra-sacro-200)) !important; color: var(--ashana-chakra-sacro-text) !important; }
.ashana-theme-chakrasolar, .mud-theme-chakrasolar { background: linear-gradient(180deg, var(--ashana-chakra-solar-100), var(--ashana-chakra-solar-200)) !important; color: var(--ashana-chakra-solar-text) !important; }
.ashana-theme-chakracorazon, .mud-theme-chakracorazon { background: linear-gradient(180deg, var(--ashana-chakra-corazon-100), var(--ashana-chakra-corazon-200)) !important; color: var(--ashana-chakra-corazon-text) !important; }
.ashana-theme-chakragarganta, .mud-theme-chakragarganta { background: linear-gradient(180deg, var(--ashana-chakra-garganta-100), var(--ashana-chakra-garganta-200)) !important; color: var(--ashana-chakra-garganta-text) !important; }
.ashana-theme-chakratercerojo, .mud-theme-chakratercerojo { background: linear-gradient(180deg, var(--ashana-chakra-tercerojo-100), var(--ashana-chakra-tercerojo-200)) !important; color: var(--ashana-chakra-tercerojo-text) !important; }
.ashana-theme-chakracorona, .mud-theme-chakracorona { background: linear-gradient(180deg, var(--ashana-chakra-corona-100), var(--ashana-chakra-corona-200)) !important; color: var(--ashana-chakra-corona-text) !important; }

/* Color swatch for admin dropdowns */
.color-swatch {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}