/* Quórum Media - Brand tokens v1.0
   Derived from the supplied logo. Use in the child theme only. */

:root {
  /* Core colors */
  --qm-ink: #0D131D;
  --qm-red: #8D261F;
  --qm-slate: #2B313A;
  --qm-paper: #F7F6F3;
  --qm-mist: #E6E7E9;
  --qm-white: #FFFFFF;

  /* Semantic colors */
  --qm-bg: var(--qm-white);
  --qm-surface: var(--qm-paper);
  --qm-text: var(--qm-ink);
  --qm-text-muted: #5A616B;
  --qm-border: var(--qm-mist);
  --qm-accent: var(--qm-red);
  --qm-link: var(--qm-red);
  --qm-link-hover: #6F1D18;
  --qm-focus: #B53A31;

  /* Typography */
  --qm-font-display: "Montserrat", "Arial Black", Arial, sans-serif;
  --qm-font-editorial: "Source Serif 4", Georgia, serif;
  --qm-font-ui: Inter, Arial, sans-serif;

  /* Type scale */
  --qm-text-xs: 0.75rem;
  --qm-text-sm: 0.875rem;
  --qm-text-md: 1rem;
  --qm-text-lg: 1.25rem;
  --qm-text-xl: 1.75rem;
  --qm-text-2xl: clamp(2rem, 4vw, 3.5rem);
  --qm-text-3xl: clamp(2.5rem, 6vw, 5rem);

  /* Spacing */
  --qm-space-1: 0.25rem;
  --qm-space-2: 0.5rem;
  --qm-space-3: 0.75rem;
  --qm-space-4: 1rem;
  --qm-space-6: 1.5rem;
  --qm-space-8: 2rem;
  --qm-space-12: 3rem;
  --qm-space-16: 4rem;

  /* Shape and motion */
  --qm-radius-sm: 4px;
  --qm-radius-md: 8px;
  --qm-shadow-card: 0 10px 30px rgba(13, 19, 29, 0.08);
  --qm-transition: 180ms ease;
}

body {
  background: var(--qm-bg);
  color: var(--qm-text);
  font-family: var(--qm-font-editorial);
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6,
.site-title, .main-navigation, .button, button {
  font-family: var(--qm-font-display);
}

a {
  color: var(--qm-link);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
  transition: color var(--qm-transition);
}

a:hover { color: var(--qm-link-hover); }

a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 3px solid var(--qm-focus);
  outline-offset: 3px;
}

.qm-button-primary {
  background: var(--qm-red);
  border: 1px solid var(--qm-red);
  border-radius: var(--qm-radius-sm);
  color: var(--qm-white);
  font-family: var(--qm-font-ui);
  font-weight: 700;
  padding: 0.75rem 1rem;
}

.qm-button-primary:hover { background: #6F1D18; }

.qm-header-logo {
  display: block;
  height: auto;
  width: clamp(250px, 28vw, 440px);
}

.qm-mobile-symbol { display: none; }

@media (max-width: 767px) {
  .qm-header-logo { display: none; }
  .qm-mobile-symbol {
    display: block;
    height: 52px;
    width: 52px;
  }
}