/*
 * KILANI LAW — C3 Architectural Marble skin for the existing "Kilani Law Child" theme (v5.6.0).
 * Loaded AFTER the child theme's style.css (see functions-snippet.php). Apply on STAGING and review every page.
 * Fonts are self-hosted from assets/fonts (no Google Fonts request).
 */

/* ---------- Fonts (self-hosted woff2, Arabic + Latin subsets) ---------- */
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/reem-kufi-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/reem-kufi-arabic-500-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/reem-kufi-arabic-600-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/reem-kufi-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/reem-kufi-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/reem-kufi-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/reem-kufi-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Reem Kufi";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/reem-kufi-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/amiri-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/amiri-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/amiri-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/amiri-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2")}

/* ---------- C3 tokens ----------
   The child theme already uses --ink, --paper, --dark, --gold and --gold-lt (seen in its public style.css).
   These overrides re-point them to the approved C3 palette. The theme defines 19 tokens in total; check
   the remaining ones on staging and map them the same way. */
:root{
  --c3-nero:#121213; --c3-graphite:#1D1E20; --c3-slate:#2B2C2F; --c3-ivory:#F4EFE6; --c3-paper:#F3F2EF;
  --c3-gold:#C9A15E;          /* on dark backgrounds: 7.8:1 contrast on Nero */
  --c3-gold-text:#8A6528;     /* gold for small text on light paper: 4.7:1 (AA) */
  --c3-display:"Reem Kufi","Noto Kufi Arabic",Tahoma,sans-serif;
  --c3-body:"Amiri","Noto Naskh Arabic","Times New Roman",serif;
  --c3-latin:"Cormorant Garamond",Garamond,"Times New Roman",serif;

  --dark:var(--c3-nero);
  --ink:var(--c3-graphite);
  --paper:var(--c3-paper);
  --gold:var(--c3-gold-text);
  --gold-lt:var(--c3-gold);
}

/* ---------- Typography ---------- */
html[lang^="ar"] body{font-family:var(--c3-body);font-size:18px;line-height:1.85}
html[lang^="ar"] h1,html[lang^="ar"] h2,html[lang^="ar"] h3,html[lang^="ar"] h4,
html[lang^="ar"] .site-title,html[lang^="ar"] .main-navigation,html[lang^="ar"] .kb-button,html[lang^="ar"] .wp-block-button__link{
  font-family:var(--c3-display);
}
html[lang^="ar"] h1{font-weight:700;line-height:1.15}
html[lang^="ar"] h2{font-weight:700;line-height:1.25}
html[lang^="ar"] h3{font-weight:600;line-height:1.35}
html[lang^="en"] body{font-family:var(--c3-latin);font-size:19px}
html[lang^="en"] h1,html[lang^="en"] h2,html[lang^="en"] h3,html[lang^="en"] h4{font-family:var(--c3-latin);font-weight:600;letter-spacing:-.005em}
h1,h2,h3{text-wrap:balance}

/* ---------- Surfaces ---------- */
.site-header,.site-footer{background:var(--c3-nero);color:var(--c3-ivory)}
.site-footer{border-top:1px solid var(--c3-slate)}
.kb-button,.wp-block-button__link{border-radius:2px}

/* ---------- Accessibility ---------- */
:focus-visible{outline:2px solid var(--c3-gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}