/*
 * NexGenio Brand Tokens
 * Source of truth — all properties import or inline these variables.
 *
 * Usage: <link rel="stylesheet" href="/tokens/tokens.css">
 * Or inline at build time for self-contained pages.
 */

:root {
  /* Primary — teal */
  --t:  #215675;   /* brand teal (primary text, links, borders) */
  --tm: #2d6e94;   /* teal mid (gradients, hover states) */
  --tl: #e6eef3;   /* teal light (backgrounds, dividers) */

  /* Accents */
  --o:  #f6911b;   /* orange (CTA, hover) */
  --g:  #3c9a00;   /* green (status: active, success) */

  /* Neutrals */
  --bg: #f8f9fb;   /* page background */
  --lg: #666;      /* light grey (body copy, meta) */

  /* Header dimensions */
  --nav-h:   92px;  /* nav bar height (~15% up from 80px) */
  --logo-w:  230px; /* logo width (~15% up from 200px) */

  /* Header type scale */
  --nav-fs:  18px;  /* main nav links (~15% up from 16px) */
  --tag-fs:  17px;  /* brand tagline label (~15% up from 15px) */
  --sub-fs:  16px;  /* brand tagline sub-text (~15% up from 14px) */

  /* Course page type scale (5 levels) */
  --h1-fs:      clamp(24px, 3.5vw, 42px); /* hero course title */
  --price-fs:   28px;  /* price display (€699, €839) */
  --heading-fs: 20px;  /* section headings, accordion headers */
  --body-fs:    15px;  /* body text, paragraphs, lists */
  --label-fs:   11px;  /* chips, pills, captions, breadcrumb */
}

/* Training-section PECB marker in nav */
.pecb-label { white-space: nowrap }
.brand .pecb-mark { height: 35px; width: auto; vertical-align: middle; margin-left: 6px; object-fit: contain; display: inline }