/*
 * vai_tokens.css
 * Vantity Corporate (vantity.com / vpartments) — Design Token Layer
 * Authority: CCO:ARTIST
 * Version: 1.0
 * Published: 2026-04-22
 * Source: CCO/tokens/vai_dna.md v1.0
 *
 * HTML import (in every Vantity corporate HTML file):
 *   <link rel="stylesheet" href="/assets/vai_tokens.css">
 *
 * Build declaration: # building to: vai_tokens v1.0
 */

:root {

  /* ── GROUNDS ── */
  --white: #FFFFFF;   /* Page background, nav, footer. Pure white. No off-white. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */

  /* ── NAVY (prison / structure / left / the before) ── */
  --navy:      #1B3A8C;   /* Primary. Buttons, headings, left-aligned accents. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  --navy-dark: #16317A;   /* Hover/pressed on navy elements. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */

  /* ── GREEN (escape / sovereign / right / the achieved) ── */
  --green:       #4DB840;   /* Escape. Right accents. Success. Vantity Promise border. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  --green-dark:  #2D7A1F;   /* Hover/pressed on green. Logged-in state. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  --green-light: #7DD65A;   /* Waitlist confirmed state only. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */

  /* ── SLATE (the flight deck / all text) ── */
  --slate: #5A6272;   /* ALL text — headings, body, labels, nav. Darkest non-accent color. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */

  /* ── BORDERS ── */
  --border: #E8EAED;   /* All structural borders. 1px. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */
  /* Special: 3px solid #4DB840 — Vantity Promise border ONLY. Not a variable — it is exclusive. */ /* vtop-allow-hex: Vantity's own brand palette, not vtop product UI */

  /* ── TYPOGRAPHY ── */
  --font-heading: 'Poppins', sans-serif;   /* 600 / 700 — headings, nav, buttons */
  --font-body:    'Inter', sans-serif;     /* 400 / 500 — body, labels */

  /* ── SPACING (8px grid) ── */
  --grid:            8px;
  --padding-page:    48px;   /* Horizontal page padding (24px mobile) */
  --padding-section: 64px;   /* Section vertical padding minimum */
  --max-line-width:  680px;  /* Max body text line width */

  /* ── BORDER RADIUS ── */
  --radius-btn:   6px;   /* Buttons, inputs */
  --radius-chip:  4px;   /* Nav links, small chips */

  /* ── NAV ── */
  --nav-height: 48px;

}