/*
 * vl_tokens.css
 * Vantity Longevity (vantity120.com) — Design Token Layer
 * Authority: CCO:ARTIST
 * Version: 1.0
 * Published: 2026-04-22
 * Source: CCO/tokens/vl_dna.md v1.0
 *
 * Load AFTER vai_tokens.css. VL inherits all VAI tokens.
 * This file contains only longevity-specific additions.
 *
 * HTML import order (in every vantity120 HTML file):
 *   <link rel="stylesheet" href="/assets/vai_tokens.css">
 *   <link rel="stylesheet" href="/assets/vl_tokens.css">
 *
 * Build declaration: # building to: vl_tokens v1.0
 */

:root {

  /* ── VL HERO OVERLAY ── */
  /* Dark image overlay — permitted as narrative "before/prison" state */
  --hero-overlay-brightness: 0.45;     /* filter: brightness(0.45) */
  --hero-text:                #FFFFFF; /* Headline text on dark hero */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  --hero-text-body:           rgba(255, 255, 255, 0.85);  /* Body on dark hero */
  --hero-text-meta:           rgba(255, 255, 255, 0.60);  /* Small labels on dark hero */

  /* ── VL NAVY BAND ── */
  /* Full-width navy service sections */
  --band-navy-bg:             #1B3A8C;             /* Same as --navy. Explicit alias for band context. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  --band-card-surface:        rgba(255, 255, 255, 0.07);  /* Card within navy band */
  --band-text:                #FFFFFF;             /* Headlines in navy band */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  --band-text-body:           rgba(255, 255, 255, 0.65);  /* Body in navy band */

}