/* EuroThetic brand refresh — loaded after main.css.
   The theme is Tailwind-v4 token-driven, so we restyle by remapping tokens —
   no Tailwind rebuild needed. Implements blueprint §18-20 (Quiet Clinical Warmth). */

:root, :host {
    /* §18 — refined clinical sans instead of playful Comfortaa */
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

    /* §20.5 — Quiet Clinical Warmth palette nudges
       (cool-grey #88A8AC ≈ blue-grey and beryl-green #E1E7C7 already on-brand) */
    --color-linen: #F8F6F1;      /* warm clinical white */
    --color-porcelain: #F4F2EC;  /* warm off-white instead of flat cool grey */
    --color-black: #1F2528;      /* clinical charcoal — never pure black */

    /* §19.8 / §20.6 — remove rounded boxes (rounded-full circles are unaffected) */
    --radius-2xl: 0px;
    --radius-4xl: 0px;
}

/* Dominant warm-white page background (§20.5) */
body { background-color: #F8F6F1; }

/* §18.2 — light, calm headings rather than heavy bold */
h1, h2, h3, .text-6xl, .text-4xl {
    font-weight: 300;
    letter-spacing: -0.01em;
}

/* §19.8 / §20.6 — remove the boxes/panels/cards as a dominant feature.
   Flatten bordered content boxes (keep them as plain editorial text) and
   neutralise large pastel colour-block panels to the warm-white base.
   (cool-grey/blue-grey footer + hero kept; green/red kept only as text, not blocks.) */
.border-black { border-color: transparent !important; }

[class*="bg-beryl-green"],
[class*="bg-pastel-grey"],
[class*="bg-linen"],
[class*="bg-porcelain"] {
    background-color: #F8F6F1 !important;
}

/* Legacy pages bake pastel colour-block panels into content as inline
   background-colors. Neutralise those inline panels to the warm-white base. */
[style*="background-color:#e1e6c6"], [style*="background-color: #e1e6c6"],
[style*="background-color:#e1e7c7"], [style*="background-color: #e1e7c7"],
[style*="background-color:#f8f0e7"], [style*="background-color: #f8f0e7"],
[style*="background-color:#f3f3f3"], [style*="background-color: #f3f3f3"],
[style*="background-color:#c0d6cf"], [style*="background-color: #c0d6cf"] {
    background-color: #F8F6F1 !important;
}

.bg-red { background-color: transparent !important; color: #A50C0C !important; }

/* editorial breathing room where panels used to be */
.prose :where(h2, h3) { margin-top: 1.6em; }