/**
 * AXXAZ Hospitality — brand tokens
 * Existing brand only (logo + leaflet). Do not invent new colors.
 */

:root {
  /* Primary / accent */
  --axxaz-navy: #1C2850;
  --axxaz-sky: #50A4DC;
  --axxaz-mid: #0C74BC;
  --axxaz-sky-hover: #3B8FC4;
  --axxaz-sky-muted: #D6EAF7; /* ~20% sky on white */

  /* Surfaces */
  --axxaz-surface: #FFFFFF;
  --axxaz-surface-soft: #F8F8F8;
  --axxaz-border: #E2E8F0;

  /* Text */
  --axxaz-text: #1C2850;
  --axxaz-text-on-dark: #FFFFFF;
  --axxaz-text-muted: #1C2850; /* prefer navy; soften with opacity in UI if needed */

  /* Semantic aliases (light default) */
  --color-primary: var(--axxaz-navy);
  --color-accent: var(--axxaz-sky);
  --color-accent-secondary: var(--axxaz-mid);
  --color-accent-hover: var(--axxaz-sky-hover);
  --color-surface: var(--axxaz-surface);
  --color-surface-soft: var(--axxaz-surface-soft);
  --color-border: var(--axxaz-border);
  --color-text: var(--axxaz-text);
  --color-text-inverse: var(--axxaz-text-on-dark);

  /* Logo paths (relative to this brand/ folder) */
  --logo-on-light: url("./logo-on-light.png");
  --logo-on-dark: url("./logo-on-dark.png");
}

/* Optional dark / navy sections (footer bars, hero on navy, etc.) */
[data-theme="dark"],
.theme-dark,
.axxaz-on-navy {
  --color-primary: var(--axxaz-sky);
  --color-accent: var(--axxaz-sky);
  --color-accent-secondary: var(--axxaz-mid);
  --color-accent-hover: var(--axxaz-sky-hover);
  --color-surface: var(--axxaz-navy);
  --color-surface-soft: #152040;
  --color-border: rgba(255, 255, 255, 0.15);
  --color-text: var(--axxaz-text-on-dark);
  --color-text-inverse: var(--axxaz-navy);
}

/* Cookie banner: less viewport takeover on small screens */
@media (width <= 767px) {
  .cookie {
    max-width: calc(100% - 1rem);
    max-height: min(42vh, 20rem);
    overflow: auto;
    padding: 12px 14px;
    bottom: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
  }
  .cookie h2 {
    font-size: 0.95rem;
    margin-bottom: 4px;
  }
  .cookie p {
    font-size: 0.88rem;
    line-height: 1.4;
  }
  .cookie-actions {
    margin-top: 10px;
  }
}