/*
Theme Name:   Astra Child
Description:  Child theme for the free Astra parent. Brand palette + self-hosted fonts (DSGVO) for the GezeitenWorte one-pager. Requires Astra to be installed.
Author:       cuxbytes
Template:     astra
Version:      1.0.0
Text Domain:  astra-child
*/

/* -------------------------------------------------------------------------
   Design tokens (derived from logo: navy script, dune-grass tan, cream, waves)
   ------------------------------------------------------------------------- */
:root {
    --gw-navy:    #112d4e; /* deep navy — headings, dark sections, footer, primary buttons */
    --gw-navy-2:  #1c3d63; /* navy hover                               */
    --gw-tan:     #3f72af; /* accent (blue) — CTA, dividers, eyebrows  */
    --gw-tan-dk:  #2f5b8f; /* accent hover                             */
    --gw-slate:   #8497b3; /* muted blue-grey — secondary, muted UI    */
    --gw-blue:    #3f72af; /* script accent (same blue family)         */
    --gw-blue-2:  #2f5b8f; /* script accent hover                      */
    --gw-blue-dk: #112d4e; /* deep navy                                */
    --gw-cream:   #f9f7f7; /* near-white — page background             */
    --gw-card:    #ffffff; /* white — card / alt background            */
    --gw-line:    #dbe2ef; /* pale-blue hairlines                      */
    --gw-ink:     #17263d; /* body text (dark navy)                    */
    --gw-muted:   #5d6b82; /* secondary text                          */
    --gw-white:   #ffffff;

    --gw-font-serif:  "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --gw-font-script: "Parisienne", "Cormorant Garamond", cursive;
    --gw-font-sans:   "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --gw-maxw: 1160px;
    --gw-header-h: 84px;
    --gw-radius: 10px;
    --gw-shadow: 0 18px 48px -24px rgba(17, 45, 78, .16);
}

/* Base typography + colour, applied over Astra defaults.
   Detailed section styling lives in assets/css/onepager.css. */
body {
    background-color: var(--gw-cream);
    color: var(--gw-ink);
    font-family: var(--gw-font-sans);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.elementor-heading-title {
    font-family: var(--gw-font-serif);
    color: var(--gw-navy);
    font-weight: 600;
    letter-spacing: .2px;
}