/*
Theme Name:   ProjectMorocco2 Child (Three)
Theme URI:    https://projectmorocco2.ddev.site
Description:  Astra child theme for the Book Morocco Trips rebuild ("Three" design direction). Self-hosted fonts (Fraunces + Plus Jakarta Sans), warm cream/terracotta design tokens, GDPR-clean — no Google Fonts network calls. Foundation only; full design applied later.
Author:       Umair
Template:     astra
Version:      0.1.0
License:      GNU General Public License v2 or later
Text Domain:  projectmorocco2-child
*/

/* ============================================================
   1. SELF-HOSTED FONTS (woff2, latin + latin-ext, font-display:swap)
   Files live in /assets/fonts/. No external font requests (GDPR).
   ============================================================ */
@font-face{
  font-family:"Fraunces";
  src:url("assets/fonts/fraunces-regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Fraunces";
  src:url("assets/fonts/fraunces-500.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Fraunces";
  src:url("assets/fonts/fraunces-600.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Fraunces";
  src:url("assets/fonts/fraunces-italic.woff2") format("woff2");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("assets/fonts/jakarta-regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("assets/fonts/jakarta-500.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("assets/fonts/jakarta-600.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("assets/fonts/jakarta-700.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* ============================================================
   2. DESIGN TOKENS — "Three" direction. Single source of truth.
   Mirrors theme.json so CSS + block editor never diverge.
   Seeded from static/css/style.css :root block.
   ============================================================ */
:root{
  /* Neutrals (warm) */
  --cream:#F8F2E7;
  --sand:#EFE3CC;
  --ink:#1F0D05;
  --ink-soft:#3C2A1E;
  --white:#FFFFFF;
  --muted:#84715F;
  --border:#E3D5BC;

  /* Accents */
  --terra:#DC4F1E;
  --terra-deep:#A93812;
  --terra-soft:#F9DECF;
  --majorelle:#2B49C4;
  --gold:#C8923B;

  /* System */
  --r-lg:28px;
  --r-md:18px;
  --arch:999px 999px 22px 22px;
  --shadow:0 18px 44px rgba(31, 13, 5, 0.13);

  /* Type */
  --display:'Fraunces', Georgia, serif;
  --sans:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ease:cubic-bezier(0.22, 1, 0.36, 1);
}

/* ============================================================
   3. BASE TYPOGRAPHY MAPPING
   Lock families so headings = Fraunces, body/UI = Plus Jakarta Sans
   regardless of Astra Customizer settings. Foundation-level only;
   full visual design is applied in a later pass.
   ============================================================ */
body,
.ast-container,
button, input, select, textarea,
.menu-link, .ast-header-break-point .main-header-menu a{
  font-family:var(--sans);
  color:var(--ink-soft);
}
body{ background-color:var(--cream); }

h1,h2,h3,h4,h5,h6,
.entry-title,
.site-title,
.ast-single-post .entry-title{
  font-family:var(--display);
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--ink);
}

h1 em, h2 em{ font-style:italic; color:var(--terra); }

/* Links use terracotta-deep for AA contrast on the cream canvas. */
a{ color:var(--terra-deep); }
a:hover,a:focus{ color:var(--terra); }