/*
Theme Name: Hikmia Child
Theme URI: https://hikmia.de
Description: Code-only Child-Theme für Hikmia (Hikmia-Look: Gold/Creme/Dunkel, EB Garamond + DM Sans). Ersetzt schrittweise Elementor.
Author: Hikmia
Template: hello-elementor
Version: 0.1.1
Text Domain: hikmia-child
*/

/* ============================================================
   Hikmia Design-Tokens
   ============================================================ */
:root {
    --hk-ink:        #0E1A24; /* Dunkel  */
    --hk-ink-soft:   #3A5068;
    --hk-ink-faint:  #7E96A6;
    --hk-gold:       #B8943F; /* Gold    */
    --hk-gold-soft:  #D4AC5A;
    --hk-cream:      #FDFAF5; /* Creme   */
    --hk-cream-mid:  #F5F0E8;
    --hk-cream-dim:  #E8E1D4;
    --hk-serif:      'EB Garamond', Georgia, serif;
    --hk-sans:       'DM Sans', system-ui, sans-serif;
}

/* ============================================================
   Basis-Typografie (Schriften kommen self-hosted via Snippet 17)
   ============================================================ */
body {
    font-family: var(--hk-sans);
    color: var(--hk-ink);
    background: var(--hk-cream);
    font-weight: 300;
    line-height: 1.65;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--hk-serif);
    color: var(--hk-ink);
    font-weight: 400;
    line-height: 1.2;
}

a { color: var(--hk-gold); }


/* ============================================================
   Layout-Helfer
   ============================================================ */
.hk-main { min-height: 40vh; }

.hk-container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 64px 24px;
}

@media (min-width: 768px) {
    .hk-container { padding: 88px 40px; }
}

/* ============================================================
   EIN klarer Button pro Seite (Hikmia-CTA)
   ============================================================ */
.hk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--hk-sans);
    font-size: .82rem;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .95rem 1.9rem;
    background: var(--hk-gold);
    color: var(--hk-ink); /* Gold-Button = dunkle Schrift. KEIN !important, damit dunkle Varianten (--ghost/--dark/--card) ihre helle Schrift behalten. */
    text-decoration: none !important;
    border: 1px solid var(--hk-gold);
    border-radius: 3px;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}


/* ============================================================
   Sichtbarer Tastatur-Fokus (Accessibility / BFSG)
   Nur bei Tastatur-Navigation (:focus-visible), nicht bei Mausklick.
   ============================================================ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--hk-gold);
    outline-offset: 2px;
}


@media (hover:hover) and (pointer:fine){
a:hover{ color: var(--hk-ink); }
.hk-btn:hover{
    background: var(--hk-gold-soft, #d4ac5a);
    border-color: var(--hk-gold-soft, #d4ac5a);
    color: var(--hk-ink);
}
}