/*
Theme Name: Daphne Barak — In the Room
Theme URI: https://daphnebarak.com
Author: Your Studio
Description: Custom theme for Daphne Barak — international interviewer and executive producer. Built for Elementor page building with ACF-driven content (Library, Books, Press). Cinematic, minimal, archive-of-record aesthetic.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: daphne-barak
*/

:root{
  /* Colors matched exactly to the approved reference (dbarak.netlify.app) */
  --db-black: #14110F;        /* --ink */
  --db-black-raised: #1C1815; /* --ink-2 */
  --db-black-raised-2: #231E1A; /* --ink-3 */
  --db-maroon: #46201F;       /* --bordeaux */
  --db-maroon-deep: #5A2A28;  /* --bordeaux-lt */
  --db-paper: #F3EEE5;        /* --bone */
  --db-paper-2: #E8E1D5;      /* --bone-2 */
  --db-paper-dim: #9A917F;    /* --txt-mut */
  --db-text: #CFC7B8;         /* --txt */
  --db-rec: #D4332B;          /* --rec */
  --db-gold: #B08D4F;         /* --gold */
  --db-gold-lt: #D2B173;      /* --gold-lt */
  --db-gold-br: #E6CC93;      /* --gold-br */
  --db-hairline: rgba(176,141,79,.22); /* --line */
  --db-hairline-2: rgba(243,238,229,.08); /* --line-2 */

  /* Fonts matched exactly to the approved reference */
  --db-display: 'Bodoni Moda', Georgia, serif;
  --db-body: 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
  --db-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  --db-container: 1240px;
  --db-gutter: clamp(20px, 5vw, 56px);
}

*, *::before, *::after{ box-sizing: border-box; }

html{ scroll-behavior: smooth; }

body{
  background: var(--db-black);
  color: var(--db-paper);
  font-family: var(--db-body);
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

img{ max-width: 100%; display: block; }

a{ color: inherit; text-decoration: none; }

h1,h2,h3,h4{
  font-family: var(--db-display);
  font-weight: 700;
  line-height: 1.04;
  margin: 0 0 0.4em;
  letter-spacing: -0.01em;
}

::selection{ background: var(--db-gold); color: var(--db-black); }

:focus-visible{
  outline: 2px solid var(--db-gold-br);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}