/**
 * 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);
}