/**
 * Octopus Oasis brand layer
 * Generated from the "Octopus Oasis" design system (tokens.json v1).
 * Loaded after all theme and plugin styles. Edit tokens below, not the theme.
 */

:root {
  /* Surfaces (light theme is the site default) */
  --oo-surface-900: #f6f1e7;
  --oo-surface-800: #ffffff;
  --oo-surface-700: #efe7d8;

  /* Ink */
  --oo-ink: #1a3627;
  --oo-ink-muted: #3d5546;

  /* Gold */
  --oo-gold-500: #c5a96a;
  --oo-gold-300: #e8d09a;
  --oo-gold-700: #8d7342;
  --oo-accent-line: #8d7342;
  --oo-accent-text: #6b5320;

  /* Action */
  --oo-action: #c5a96a;
  --oo-action-hover: #e8d09a;
  --oo-action-press: #b2955a;
  --oo-on-action: #1a3627;

  /* Brand band */
  --oo-surface-brand: #1a3627;
  --oo-on-brand: #f7f3ea;

  /* Borders and focus */
  --oo-border-strong: #6b5320;
  --oo-border-subtle: #d5c9b1;
  --oo-focus-ring: #1a3627;

  /* Type */
  --oo-font: "Montserrat", system-ui, sans-serif;

  /* Radius */
  --oo-radius-sm: 4px;
  --oo-radius-md: 8px;
  --oo-radius-pill: 999px;
}

/* ---------- Typography: one face, weight does the work ---------- */

body,
button,
input,
select,
optgroup,
textarea,
code, kbd, tt, var,
blockquote small,
.mphb-widget-room-type-title {
  font-family: var(--oo-font);
}

body {
  color: var(--oo-ink);
  background-color: var(--oo-surface-900);
  font-size: 16px;
  line-height: 26px;
}

h1, h2, h3, h4, h5, h6,
.post-navigation .post-title,
.aquentro-content-block .number {
  font-family: var(--oo-font);
  color: var(--oo-ink);
  font-weight: 300;
}

h1 { letter-spacing: 0; }
h2 { letter-spacing: 0.05em; }
h3 { letter-spacing: 0.04em; }

blockquote:before {
  font-family: var(--oo-font);
  color: var(--oo-accent-line);
}

/* Eyebrows and tracked capital labels */
.aquentro-content-block .subtitle,
.widget-title,
.mphb-widget-title {
  font-family: var(--oo-font);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oo-accent-text);
}

/* ---------- Links ---------- */

a {
  color: var(--oo-accent-text);
}

a:hover,
a:focus {
  color: var(--oo-ink);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--oo-focus-ring);
  outline-offset: 2px;
}

/* ---------- Buttons and actions ---------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn,
.mphb-button,
.mphb_sc_search-submit-button,
.mphb-reserve-btn,
.mphb-book-button {
  font-family: var(--oo-font);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: var(--oo-action);
  border-color: var(--oo-action);
  color: var(--oo-on-action);
  border-radius: var(--oo-radius-pill);
  padding: 12px 24px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.btn:hover,
.mphb-button:hover,
.mphb_sc_search-submit-button:hover,
.mphb-reserve-btn:hover,
.mphb-book-button:hover {
  background-color: var(--oo-action-hover);
  border-color: var(--oo-action-hover);
  color: var(--oo-on-action);
}

button:active,
input[type="submit"]:active,
.button:active,
.mphb-button:active {
  background-color: var(--oo-action-press);
  border-color: var(--oo-action-press);
  color: var(--oo-on-action);
}

/* ---------- Forms ---------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
select,
textarea {
  font-family: var(--oo-font);
  color: var(--oo-ink);
  background-color: var(--oo-surface-800);
  border: 1px solid var(--oo-border-subtle);
  border-radius: var(--oo-radius-sm);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--oo-border-strong);
}

/* ---------- Cards, panels and rules ---------- */

hr,
.entry-content hr {
  background-color: var(--oo-accent-line);
  border: 0;
  height: 1px;
}

.hentry,
.mphb-room-type,
.mphb_sc_rooms-list .mphb-room-type {
  background-color: var(--oo-surface-800);
  border-radius: var(--oo-radius-md);
}

/* ---------- Header and footer as brand bands ---------- */

.site-footer,
.footer-widgets {
  background-color: var(--oo-surface-brand);
  color: var(--oo-on-brand);
}

.site-footer a,
.footer-widgets a {
  color: var(--oo-gold-500);
}

.site-footer a:hover,
.footer-widgets a:hover {
  color: var(--oo-gold-300);
}

.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
.footer-widgets .widget-title {
  color: var(--oo-on-brand);
}

/* ---------- MotoPress booking engine ---------- */

.mphb-calendar .datepick-inline .datepick-days-cell.datepick-days-cell-over a,
.mphb-calendar .datepick-inline a.mphb-selected-date {
  background-color: var(--oo-action);
  color: var(--oo-on-action);
}

.mphb-price,
.mphb-regular-price,
.mphb-room-type-title a {
  color: var(--oo-ink);
}

.mphb-attribute-title,
.mphb-view-details-button {
  color: var(--oo-accent-text);
}