/* ==========================================================================
   AI CHROME — BRAND: Oura (warm paper canvas, black footer band)
   One file per brand. Three groups:
     header   — vars consumed by ai-header.css (--aih-*)
     footer   — vars consumed by ai-footer.css (--aif-*)
     template — vars consumed by content.css for the real archive/single
                (WP) templates (--ait-*)
   RULES
   - Colors/typography ALWAYS through design tokens: var(--aib-*). Never hex,
     never rgb()/hsl(), never a font-family name. A user-chosen color/font
     (palette, injected AFTER tokens.css) must always win over the brand.
   - Declare only what differs from the defaults in ai-header/footer.css.
   - English comments only. No selector other than :root.
   - "(inferred)" = SIGNATURE.md / tokens.css do not state the value.
   ========================================================================== */

/* ---------- HEADER ---------- */
:root {
  /* Size */
  --aih-height: 64px;                 /* (inferred) */
  --aih-height-mobile: 56px;          /* (inferred) */
  --aih-height-shrink: 56px;          /* (inferred) only with stickyStyle = shrink */
  --aih-radius: var(--aib-radius-control);   /* 9999px = pill */

  /* Logo text fallback: thin editorial serif wordmark, no tracking. */
  --aih-logo-family: var(--aib-font-display);
  --aih-logo-size: 28px;              /* (inferred) */
  --aih-logo-size-mobile: 24px;       /* (inferred) */
  --aih-logo-weight: 300;
  --aih-logo-transform: none;
  --aih-logo-spacing: 0;
  --aih-logo-hover-color: var(--aib-text);   /* SIGNATURE: blue is for CTA only */

  /* Nav links use the brand overline style (SIGNATURE chip/eyebrow: uppercase,
     tracked, no background). No colour change and no underline on hover —
     the Oura system is deliberately static. */
  --aih-link-font: var(--aib-text-eyebrow);
  --aih-link-transform: uppercase;
  --aih-link-spacing: var(--aib-letter-spacing-eyebrow);
  --aih-link-hover-color: var(--aib-text);
  --aih-link-hover-decoration: none;
  --aih-link-active-border: none;

  /* CTA: blue background + on-primary text (layout default pair), pill radius,
     hover primary-hover — SIGNATURE: the one blue button per screen. */
  --aih-btn-font: var(--aib-text-button);
  --aih-btn-radius: var(--aib-radius-control);   /* pill */
  --aih-btn-height: 40px;             /* (inferred) */
  --aih-btn-padding: 0 var(--aib-gap-lg);
  --aih-btn-hover-bg: var(--aib-primary-hover);
  --aih-btn-hover-filter: none;

  /* Icon button (burger, close): round. */
  --aih-icon-radius: var(--aib-radius-chip);

  /* Dropdown / popmenu: large card radius, hairline frame, soft token shadow. */
  --aih-menu-radius: var(--aib-radius-card);
  --aih-menu-border: var(--aib-border-card);
  --aih-menu-shadow: var(--aib-shadow-card);
  --aih-drawer-shadow: var(--aib-shadow-card);
  --aih-pinned-shadow: none;

  /* Pressed: SIGNATURE: no state change beyond colour, so no --aih-pressed-*
     is declared — the layout defaults (scale 1 / opacity 1) mean no change. */
}

/* ---------- FOOTER ---------- */
:root {
  /* SIGNATURE "neck rhythm: cream, then the black band (news/footer)", so the
     footer is the inverted ink band with the on-dark palette. */
  --aif-bg: var(--aib-surface-inverse);
  --aif-text: var(--aib-on-dark);
  --aif-text-muted: var(--aib-on-dark-soft);
  --aif-logo-color: var(--aib-on-dark);
  --aif-link-color: var(--aib-on-dark-soft);    /* SIGNATURE: footer links on the black band */
  --aif-link-hover-color: var(--aib-on-dark);
  --aif-coltitle-color: var(--aib-on-dark-soft);
  --aif-border: color-mix(in srgb, var(--aib-on-dark) 22%, transparent);
  /* Elevated band inside the dark footer (preset 2): black lifted towards grey,
     so on-dark text stays readable instead of landing on the cream surface-alt. */
  --aif-bg-alt: color-mix(in srgb, var(--aib-on-dark) 10%, var(--aib-surface-inverse));

  /* Buttons on the black band (SIGNATURE: on the dark band the button is the
     paper background with secondary-stone text). */
  --aif-btn-bg: var(--aib-background);
  --aif-btn-color: var(--aib-secondary);

  /* Wordmark: thin editorial serif, no tracking. */
  --aif-logo-family: var(--aib-font-display);
  --aif-logo-weight: 300;
  --aif-logo-spacing: 0;

  /* Column titles: the overline style of the brand (not the platform default). */
  --aif-coltitle-font: var(--aib-text-eyebrow);
  --aif-coltitle-tracking: var(--aib-letter-spacing-eyebrow);
}

/* ---------- TEMPLATE (archive + single) ---------- */
:root {
  /* SIGNATURE card: paper surface, hairline frame, card radius, padded, flat. */
  --ait-card-bg: var(--aib-surface);
  --ait-card-border: var(--aib-border-card);
  --ait-card-radius: var(--aib-radius-card);
  --ait-card-pad: var(--aib-gap-lg);

  /* SIGNATURE hover: static — separation comes from colour and hairlines. */
  --ait-hover-lift: 0px;

  /* Editorial serif display runs untracked (SIGNATURE: ls 0). */
  --ait-title-spacing: 0;

  /* Overline labels are ink, never the accent. */
  --ait-kicker-color: var(--aib-text);
}