/*
Theme Name: Umbra Libris (enfant de Kadence)
Theme URI: https://umbralibris.example
Description: Thème enfant de Kadence aux couleurs et à la typographie d'Umbra Libris : ombre profonde, papier ancien, pierre sèche, éclat sobre, vert profond ; police FreeSerif.
Author: Milan Buckulcik
Template: kadence
Version: 1.0.0
Text Domain: umbra-libris-child
License: GPL-2.0-or-later
*/

/* ---------- Polices (FreeSerif, GNU FreeFont, GPL avec exception police) ---------- */
@font-face{font-family:'FreeSerif';src:url('fonts/FreeSerif.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'FreeSerif';src:url('fonts/FreeSerifItalic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'FreeSerif';src:url('fonts/FreeSerifBold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'FreeSerif';src:url('fonts/FreeSerifBoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}

/* ---------- Charte ---------- */
:root{
  /* Palette Kadence (emplacements 1 à 9) */
  --global-palette1:#A67C3D; /* éclat sobre : liens, boutons */
  --global-palette2:#C29A5B; /* éclat, survol */
  --global-palette3:#E2D9C8; /* papier ancien : texte principal, titres */
  --global-palette4:#CFC6B4;
  --global-palette5:#A9A294;
  --global-palette6:#8A8378; /* pierre claire : légendes */
  --global-palette7:#191D18; /* vert profond : sections alternées */
  --global-palette8:#141413; /* ombre, cartes */
  --global-palette9:#0D0D0E; /* ombre profonde : fond */

  --ul-ombre:#0D0D0E;
  --ul-papier:#E2D9C8;
  --ul-pierre:#48423B;
  --ul-eclat:#A67C3D;
  --ul-vert:#191D18;
  --ul-police:'FreeSerif',Georgia,'Times New Roman',serif;

  --global-body-font-family:var(--ul-police);
  --global-heading-font-family:var(--ul-police);
}

/* ---------- Typographie ---------- */
body,button,input,select,textarea{font-family:var(--ul-police)}
body{font-size:1.125rem;line-height:1.7;background:var(--ul-ombre);color:var(--global-palette3)}
h1,h2,h3,h4,h5,h6{font-family:var(--ul-police);font-weight:400;color:var(--global-palette3);line-height:1.25}
h1{letter-spacing:.06em}
h2,h3{letter-spacing:.03em}
.entry-content p,.entry-content li{max-width:68ch}
.site-title,.site-branding .site-title{text-transform:uppercase;letter-spacing:.24em;font-weight:400}
::selection{background:var(--global-palette1);color:var(--global-palette9)}

/* ---------- Liens, filets, focus ---------- */
a{color:var(--global-palette1);text-underline-offset:.2em}
a:hover{color:var(--global-palette2)}
hr,.wp-block-separator{border-color:var(--ul-pierre);background:var(--ul-pierre);opacity:1}
:focus-visible{outline:2px solid var(--global-palette2);outline-offset:3px}
blockquote{border-left:1px solid var(--ul-pierre);padding-left:1.25rem;font-style:italic;color:var(--global-palette4)}

/* ---------- Boutons ---------- */
.button,button,input[type=submit],.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:transparent;color:var(--global-palette3);border:1px solid var(--global-palette1);
  border-radius:0;letter-spacing:.08em;font-family:var(--ul-police);
}
.button:hover,button:hover,input[type=submit]:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--global-palette1);color:var(--global-palette9);border-color:var(--global-palette1);
}

/* ---------- Champs de formulaire ---------- */
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],input[type=number],select,textarea{
  background:var(--global-palette8);color:var(--global-palette3);border:1px solid var(--ul-pierre);border-radius:0;
}
input:focus,select:focus,textarea:focus{border-color:var(--global-palette1);outline:none;box-shadow:0 0 0 1px var(--global-palette1)}
::placeholder{color:var(--global-palette6);opacity:1}

/* ---------- WooCommerce (base ; à contrôler page par page) ---------- */
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--global-palette1)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--global-palette8);color:var(--global-palette3);border-top-color:var(--global-palette1)}
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--ul-pierre)}
.woocommerce-checkout #payment{background:var(--global-palette8)}

/* ---------- Classes utilitaires (à ajouter dans « Classes CSS supplémentaires » d'un bloc) ---------- */
.ul-papier{background:var(--ul-papier);color:#141413}
.ul-papier h1,.ul-papier h2,.ul-papier h3,.ul-papier h4{color:#141413}
.ul-papier a{color:#7A5828}
.ul-papier a:hover{color:#141413}
.ul-vert{background:var(--ul-vert)}
.ul-biblio{color:var(--global-palette6);font-size:.95rem;letter-spacing:.03em}