/* Cullah brand — deep teal + brushed gold on off-white. Applied 2026-04-19. */

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Roboto:wght@400;500;600;700&family=Roboto+Slab:wght@400;500;600;700&display=swap");

:root {
  --cc-bg:           #EDF1F0;
  --cc-surface:      #DEE5E3;
  --cc-border:       #C6D0CD;
  --cc-muted:        #6E7B78;
  --cc-body:         #283430;
  --cc-fg:           #0F1815;
  --cc-accent:       #0F4C5C;
  --cc-accent-deep:  #0A3B48;
  --cc-warm:         #C9A961;
  --cc-warm-deep:    #A98841;
  --cc-hero-bg:      #0F1815;

  --cc-font:         "Roboto", system-ui, -apple-system, Segoe UI, sans-serif;
  --cc-font-display: "Cinzel", Georgia, serif;
  --cc-font-slab:    "Roboto Slab", Georgia, serif;

  --cc-radius:       4px;
  --cc-shadow:       0 8px 32px rgba(15, 24, 21, 0.12);
}

/* Reset scoped to cullective experience only */
.cx-root, .cx-root * { box-sizing: border-box; }
.cx-root {
  font-family: var(--cc-font);
  color: var(--cc-body);
  background: var(--cc-bg);
  line-height: 1.5;
}
.cx-root h1, .cx-root h2, .cx-root h3 { font-family: var(--cc-font-slab); color: var(--cc-fg); font-weight: 600; margin: 0 0 0.5em 0; }
.cx-root h1 { font-size: clamp(2rem, 4vw, 3.25rem); }
.cx-root h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); }
.cx-root h3 { font-size: 1.1rem; letter-spacing: 0.04em; }
.cx-root p { margin: 0 0 1em 0; }
.cx-root a { color: var(--cc-accent); text-decoration: none; }
.cx-root a:hover { color: var(--cc-accent-deep); }
.cx-root button { font-family: inherit; cursor: pointer; }

/* Display cue */
.cx-display { font-family: var(--cc-font-display); letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; }