/*
Theme Name: Ibiza Tourism Nocturne (ibiza-tourism.net)
Template: granja-travel
Description: Brand direction 5A "Nocturne — Balearic Ink" for ibiza-tourism.net. Midnight slate, sea teal, muted amber, bone — dark, sober, editorial, a step away from the bright hippy boards. First site in the network with a utility top bar (real local time + live weather/sea temperature, opt-in parent-theme feature) and a nav band with its own distinct background from the page. See design/ibiza-tourism-handoff/README.md — colors/type/header/hero/utility-bar are final (hifi); everything below the hero is inherited minimally from the parent until layouts/cards are decided.
Author: Granja
Version: 1.0.0
Text Domain: ibiza-tourism-nocturne
*/

:root {
  --g-primary: #C79A54;      /* Amber */
  --g-dark: #EAE4D7;         /* Bone — headings on this dark ground */
  --g-secondary: #232C35;    /* Slate — submenu hover / disclosure bg */
  --g-bg: #12161B;           /* Midnight */
  --g-ink: #B7BFC5;          /* Body text on dark */
  --g-muted: #8B949C;
  --g-nav-text: #AEB6BD;
  --g-border: rgba(234, 228, 215, .09);

  --g-hero-overlay-from: transparent;
  --g-hero-overlay-to: rgba(10, 13, 17, .6);
  --g-hero-text: #EAE4D7;
  --g-hero-subtext: #B7BFC5;
  --g-placeholder-a: #1C2A31;
  --g-placeholder-b: #12161B;

  --g-font-display: 'Spectral', serif;
  --g-font-body: 'Hanken Grotesk', sans-serif;
  --g-font-mono: 'JetBrains Mono', monospace;
  --g-heading-weight: 600;
  --g-nav-weight: 500;

  /* Utility bar — its own near-black band, distinct from --g-bg */
  --g-utility-bg: #0F1318;
  --g-utility-text: #8B949C;
  --g-utility-accent: #2F7E77;
  --g-utility-clock: #C0C7CD;
}

/* Nav band gets its own background, distinct from the page (per hifi header spec) */
.g-header { background: #1A2129; }
@media (max-width: 720px) {
  .g-header.is-open .g-nav { background: #1A2129; }
}

/* Wordmark: bone text with a thin sea-teal underline accent ("bone · sea underline · amber italic") */
.g-wordmark {
  border-bottom: 2px solid #2F7E77;
  padding-bottom: 2px;
}

/* Hero wash: radial sea-teal glow top-right over the midnight placeholder, per hifi spec */
.g-hero__overlay {
  background:
    radial-gradient(90% 120% at 82% -10%, rgba(47, 126, 119, .4), transparent 55%),
    linear-gradient(180deg, transparent 30%, rgba(10, 13, 17, .6));
}