/* ── Branding — André Moreira Design ──────────────────────────────
 *
 * Tenant theme: dark green-grey surface, warm cream ink, Cormorant +
 * Poppins + Montserrat trio. Forked verbatim from the fotografia
 * tenant; tweak this file in-place to differentiate the design vertical.
 *
 * Activation is `.env`-driven — each install sets `BRAND=andmore-design`
 * and the head files load this file automatically.
 *
 * Both `assets/css/style.css` (backoffice) and `site/includes/head.php`
 * (public site) consume the `--am-*` tokens defined below via var().
 */

/* Fontes self-hosted (subset latin, woff2 em assets/fonts/) — sem chamadas
 * ao Google: melhor LCP (o @import bloqueava o render), sem FOIT graças ao
 * font-display: swap, e sem envio do IP dos visitantes a terceiros (RGPD). */
@font-face { font-family: 'Cormorant'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/cormorant-300-italic.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/cormorant-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/cormorant-300.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/cormorant-400.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/cormorant-600.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/montserrat-300.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/montserrat-400.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/montserrat-500.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/montserrat-600.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/montserrat-700.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/poppins-200.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-300.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-600.woff2') format('woff2'); }

:root {
  /* Colours */
  --am-bg:          #161c18;
  --am-bg-alt:      #1e2420;
  --am-bg-card:     #1c2320;
  --am-bg-navy:     #161a2c;
  --am-text:        #cbbfb0;
  --am-text-muted:  #958D86;
  --am-text-dim:    #65574E;
  --am-base:        #D6D2CE;
  --am-base-2:      #E1DFDB;
  --am-contrast:    #1a1713;
  --am-border:      rgba(203, 191, 176, 0.15);
  --am-border-soft: rgba(203, 191, 176, 0.08);

  /* Typography */
  --am-font-body:    'Poppins', sans-serif;
  --am-font-heading: 'Cormorant', serif;
  --am-font-sub:     'Montserrat', sans-serif;

  /* Font sizes (structural — usually safe to keep) */
  --am-fs-xs:   0.75rem;
  --am-fs-sm:   0.875rem;
  --am-fs-base: 1rem;
  --am-fs-md:   1.1rem;
  --am-fs-lg:   clamp(1.4rem, 1.4rem + ((1vw - 0.2rem) * 0.833), 1.9rem);
  --am-fs-xl:   clamp(2rem,   2rem   + ((1vw - 0.2rem) * 1.083), 2.65rem);
  --am-fs-2xl:  clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.5),   3.5rem);

  /* Spacing */
  --am-sp-xs: 1rem;
  --am-sp-sm: min(1.5rem, 2vw);
  --am-sp-md: min(2.5rem, 3vw);
  --am-sp-lg: min(4rem,   5vw);
  --am-sp-xl: min(6.5rem, 8vw);

  /* Radii */
  --am-radius-sm:  4px;
  --am-radius:     8px;
  --am-radius-lg:  12px;
  --am-radius-pill: 100px;

  /* Shadows */
  --am-shadow-sm: 0 2px 8px  rgba(0,0,0,.35);
  --am-shadow:    0 6px 24px rgba(0,0,0,.45);
  --am-shadow-lg: 0 12px 48px rgba(0,0,0,.55);

  /* Card surface — used by kanban cards and other floating elements */
  --am-card: var(--am-bg-card);
}

/* Accent (photography services pages) */
:root {
  --am-photo-gold:        #C9A96E;
  --am-photo-gold-dim:    rgba(201, 169, 110, 0.18);
  --am-photo-gold-border: rgba(201, 169, 110, 0.45);
}

/* ── Accordion (Bootstrap) ─────────────────────────────────────
 *
 * Bootstrap's defaults render a white button with #0c63e4 blue
 * accents when open — clashes with this cream-on-dark palette and
 * leaves the closed button as a bright white slab on the dark
 * body. Bootstrap 5.3 exposes accordion styling through the
 * `--bs-accordion-*` custom properties; overriding them on
 * `.accordion` re-themes every accordion on the platform without
 * touching `style.css`.
 */
.accordion {
  --bs-accordion-bg:                 var(--am-bg-card);
  --bs-accordion-color:              var(--am-text);
  --bs-accordion-border-color:       var(--am-border);
  --bs-accordion-border-radius:      var(--am-radius);
  --bs-accordion-inner-border-radius: var(--am-radius);

  --bs-accordion-btn-color:          var(--am-text);
  --bs-accordion-btn-bg:             var(--am-bg-card);
  --bs-accordion-btn-focus-border-color: rgba(203, 191, 176, 0.30);
  --bs-accordion-btn-focus-box-shadow:   0 0 0 0.2rem rgba(203, 191, 176, 0.12);

  /* Expanded state — warmer dark surface instead of Bootstrap blue */
  --bs-accordion-active-color:       var(--am-text);
  --bs-accordion-active-bg:          var(--am-bg-alt);

  /* Chevron — single brand-coloured SVG in both states (Bootstrap
     rotates it via `--bs-accordion-btn-icon-transform`). Hex is
     URL-encoded (`%23` = `#`); the colour matches `--am-text`. */
  --bs-accordion-btn-icon:        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CBBFB0'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CBBFB0'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

/* Hover lift on the closed button so it reads as interactive */
.accordion-button.collapsed:hover {
  background-color: var(--am-bg-alt);
}