/* =====================================================================
   Theme: "טרקוטה וחמנייה" (terracotta + sunflower), headings in Heebo.
   Loaded after site.css and motion.css. No black anywhere: deep brown text,
   terracotta bands, sunflower highlights. Remove the <link> to go back.
   ===================================================================== */
:root {
  --bg: #FFF8EF;
  --surface: #FBEBDD;
  --paper: #FFFDF9;
  --ink: #3B2418;          /* text: deep brown, not black */
  --ink-soft: #5A3D2E;
  --muted: #6A4A3A;
  --line: #EBD8C4;
  --line-strong: #D4B89C;
  --accent: #B4441F;       /* terracotta */
  --accent-hover: #93351A;
  --sun: #F2B33D;          /* sunflower */
  --sun-hover: #E3A021;
  --chip: #FBE3CF;
  --band: #B4441F;
  --band-deep: #93351A;
  --on-band: #FFF3E6;
  --on-band-soft: #FBDCC5;
  --band-hl: #FFD27A;
  --footer: #7A2E14;
  --accent-on-dark: #FFD27A;
  --on-dark: #FFF3E6;
  --on-dark-muted: #F6D9C2;
  --radius: 14px;
  --img-radius: 10px;
  --font-display: 'Heebo', 'Assistant', system-ui, sans-serif;
  --shadow-art: 0 30px 50px -28px rgba(80, 40, 10, 0.55);
}

/* ---------- Type ---------- */
h1, h2, h3 { font-family: var(--font-display); font-weight: 300; letter-spacing: -0.01em; }
.brand__name { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; }
.hero__title { font-weight: 200; line-height: 0.98; }
/* The word "בד" in the main title keeps its original look (classic serif, terracotta, faint underline) */
.hero__title em { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 500; color: var(--accent); }
.hero__title em::after { background: var(--accent); opacity: .22; }
.eyebrow { display: inline-block; align-self: flex-start; padding: 5px 14px; border-radius: 999px; background: var(--chip); color: var(--accent); letter-spacing: .03em; }
.section--dark .eyebrow, .exh-hero .eyebrow { background: rgba(255, 255, 255, .14); color: var(--band-hl); }
.timeline__year, .cv-list dt, .rail-card__year, .stop__year, .solo-card__year, .exh-card__year { font-family: var(--font-display); font-weight: 800; }
/* Numbers row on the home page keeps its original look (classic serif numbers, thin line above, no cards) */
.stat__num { font-family: 'Frank Ruhl Libre', Georgia, serif; font-weight: 400; }
.art-card__title span:first-child, .press-card__title, .art-nav__item strong, .site-footer__brand span:first-child, .hero-slides__title, .caption strong { font-family: var(--font-display); font-weight: 400; }
.pull-quote { font-family: var(--font-display); font-weight: 300; }
.dropcap::first-letter { font-family: var(--font-display); font-weight: 800; }

/* ---------- Header ---------- */
.site-header { background: rgba(255, 248, 239, 0.92); border-bottom-color: var(--line); }
.site-nav a:not(.cart-link)::after { background: var(--sun); height: 3px; border-radius: 2px; }
.site-nav a[aria-current="page"] { color: var(--accent); }

/* ---------- Buttons: terracotta main, sunflower secondary ---------- */
.btn { border-radius: 12px; }
.btn--dark, .btn--accent { background: var(--accent); color: #fff; border-color: transparent; }
.btn--dark:hover, .btn--accent:hover { background: var(--accent-hover); color: #fff; }
.btn--outline { background: var(--sun); color: var(--ink); border-color: transparent; }
.btn--outline:hover { background: var(--sun-hover); color: var(--ink); }
.chip { border-radius: 999px; }
.chip[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }

/* ---------- Surfaces ---------- */
.section--surface { background: var(--surface); }
.section--dark { background: var(--band); color: var(--on-band); }
.section--dark .more-link { color: var(--band-hl); }
.muted-on-dark { color: var(--on-band-soft); }
.art-card__frame { border-radius: var(--radius); }
.art-card__frame img:not(.is-oval) { border-radius: var(--img-radius); }
.art-card__cta { color: var(--accent); }
.hero-slides__stage { border-radius: var(--radius); }
.hero-slides__dots button[aria-current="true"]::after { background: var(--accent); }
.about-teaser__media, .about-portrait, .contact-art { border-radius: var(--radius); }
.press-card__paper { border-radius: var(--img-radius); }
.membership, .form, .article { border-radius: var(--radius); }
.field input, .field select, .field textarea { border-radius: 10px; }
.artwork__stage { border-radius: var(--radius); }
.artwork__stage img:not(.is-oval) { border-radius: var(--img-radius); }
.art-nav__item { border-radius: var(--radius); }
.art-nav__item img:not(.is-oval) { border-radius: 8px; }
.marquee__track img:not(.is-oval) { border-radius: 8px; }

/* Sunflower call-to-action band */
.cta-band { background: var(--sun); }
.cta-band .cta h2 { font-weight: 800; color: var(--ink); }
.cta-band .cta p { color: var(--ink-soft); }

/* ---------- Rails on the terracotta band ---------- */
.rail-card { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--radius); }
.rail-card:hover { background: rgba(255, 255, 255, .16); border-color: var(--band-hl); }
.rail-card__year { color: var(--band-hl); -webkit-text-stroke: 0; }
.rail-card h3 { color: var(--on-band); font-weight: 700; }
.rail-card p { color: var(--on-band-soft); }
.rail__btn { color: var(--on-band); }
.rail__btn:hover:not(:disabled) { background: var(--band-hl); border-color: var(--band-hl); color: var(--ink); }
.rail__progress { background: rgba(255, 255, 255, .25); }
.rail__progress span { background: var(--band-hl); }
.place { border-color: var(--band-hl); color: var(--band-hl); }

/* ---------- Timeline (About) ---------- */
.timeline-v__line { background: var(--line-strong); }
.timeline-v__line span { background: var(--accent); }
.stop__dot { background: var(--surface); border-color: var(--line-strong); }
.stop.is-active .stop__dot { background: var(--sun); border-color: var(--accent); box-shadow: 0 0 0 8px rgba(242, 179, 61, .3); }
.stop__card { border-radius: var(--radius); background: var(--paper); }
.stop__card h3 { font-weight: 700; }
.timeline li, .cv-list > div { border-top-color: var(--line); }

/* ---------- Exhibitions ---------- */
.exh-hero { background: var(--footer); }
.exh-hero__shade { background: linear-gradient(0deg, rgba(74, 30, 12, .9) 0%, rgba(74, 30, 12, .45) 55%, rgba(74, 30, 12, .15) 100%); }
.exh-hero h1 { font-weight: 200; }
.exh-hero__nav a:hover { background: var(--sun); border-color: var(--sun); color: var(--ink); }
.solo-card { background: var(--band); color: var(--on-band); border-radius: var(--radius); }
.solo-card:nth-child(2) { background: var(--footer); }
.solo-card__year { -webkit-text-stroke: 1.5px rgba(255, 210, 122, .55); }
.solo-card h3 { font-weight: 700; }
.solo-card__meta, .solo-card__teaser { color: var(--on-band-soft); }
.solo-card summary { color: var(--band-hl); }
.solo-card details { border-top-color: rgba(255, 255, 255, .25); }
.solo-card details p { color: var(--on-band); }
.exh-card { border-top-color: rgba(255, 255, 255, .25); }
.exh-card__year { color: var(--band-hl); }
.exh-card__detail { color: var(--on-band-soft); }
.photo-duo__item { border-radius: var(--radius); }

/* ---------- Footer ---------- */
.site-footer { background: var(--footer); color: #FFE9D6; }
.site-footer a { color: #FFE9D6; }
.site-footer a:hover { color: var(--band-hl); }
.site-footer__brand span:last-child { color: var(--on-dark-muted); }

/* ---------- Lightbox: warm dark backdrop for viewing paintings ---------- */
.lightbox::backdrop { background: rgba(48, 24, 12, 0.94); }
.lightbox__bar { color: #FFE9D6; }
.lightbox__bar button { border-color: rgba(255, 233, 214, .4); color: #FFE9D6; border-radius: 10px; }
.lightbox__bar button:hover { background: rgba(255, 255, 255, .12); }