/*
Theme Name: NOVA Astra Child
Theme URI: https://nova-strategy.eu
Description: Custom Astra child theme for NOVA.
Author: NOVA
Version: 0.1.1
Template: astra
Text Domain: nova
*/

:root {
  --nova-ink: #0C2722;
  --nova-ivory: #F2EEE9;
  --nova-gold: #C5A059;
  --nova-gold-dark: #8D713B;
  --nova-stone: #D8D4CD;
  --nova-sage: #A9B4A4;
  --nova-white: #FFFFFF;
  --nova-text: #18322D;
  --nova-muted: #66736F;
  --nova-max: 1240px;
  --nova-gutter: clamp(20px, 4vw, 64px);
  --nova-section: clamp(72px, 10vw, 144px);

  /* Keep Astra's residual UI aligned with the NOVA brand palette. */
  --ast-global-color-0: var(--nova-ink);
  --ast-global-color-1: var(--nova-gold);
  --ast-global-color-2: var(--nova-text);
  --ast-global-color-3: var(--nova-muted);
  --ast-global-color-4: var(--nova-ivory);
  --ast-global-color-5: var(--nova-white);
  --ast-global-color-6: var(--nova-stone);
  --ast-global-color-7: var(--nova-sage);
  --ast-global-color-8: var(--nova-ink);
}

/* Astra / browser chrome that can remain visible around custom NOVA templates. */
body.nova-theme {
  accent-color: var(--nova-gold);
}

body.nova-theme ::selection {
  background: var(--nova-gold);
  color: var(--nova-ink);
}

/* Keep Astra's native visibility/scroll behavior; only skin it with NOVA tokens. */
body.nova-theme #ast-scroll-top {
  background: var(--nova-gold) !important;
  color: var(--nova-ink) !important;
  border: 1px solid var(--nova-gold-dark) !important;
  box-shadow: 0 10px 28px rgba(12, 39, 34, .16) !important;
}

body.nova-theme #ast-scroll-top:hover,
body.nova-theme #ast-scroll-top:focus-visible {
  background: var(--nova-ink) !important;
  color: var(--nova-ivory) !important;
  border-color: var(--nova-ink) !important;
}

body.nova-theme #ast-scroll-top svg,
body.nova-theme #ast-scroll-top .ast-icon,
body.nova-theme #ast-scroll-top .ast-icon svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Keep this file lightweight. Page/component rules should be structured as the theme grows. */