/* brand.css — shared brand-anchor tokens
 * Imported by BOTH site/assets/css/tokens-a.css AND site/assets/css/tokens-b.css.
 * Per docs/FRONTEND_TRD_v2.md §4.0 (v1.2).
 *
 * DO NOT add style-specific values here (no neumorphic shadows, no glass blurs).
 * Only values that are LITERALLY IDENTICAL across both routes belong in this file.
 */

:root {
  /* Shared accent — follows user across / and /students route boundary */
  --color-brand: #7bb3ff;          /* periwinkle */

  /* Shared display font — italic on both routes for trust-mark continuity */
  --font-display: 'Instrument Serif', Georgia, serif;

  /* Shared CTA geometry (per-style finish lives in neuro.css / glass.css) */
  --cta-radius: 9999px;            /* pill */
  --cta-padding: 0.75rem 2rem;     /* matches TRD §4.2 spacing 3 + 8 */
  --cta-letterspacing: 0.06em;
  --cta-fontweight: 700;
  --cta-text-transform: uppercase;

  /* Shared wordmark sizing */
  --wordmark-size: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);  /* matches TRD §4.1 --text-xl */
  --wordmark-icon-gap: 0.5rem;     /* 8px per spec */
  --wordmark-icon-size: 20px;
}

/* Shared font load — Instrument Serif (with italic variant) */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

/* Shared wordmark structure (style-agnostic) */
.wordmark {
  display: inline-flex;
  align-items: center;
  gap: var(--wordmark-icon-gap);
  font-family: var(--font-display);
  font-style: italic;
  font-size: var(--wordmark-size);
  text-decoration: none;
  line-height: 1;
}
.wordmark__brand {
  font-style: italic;
}
.wordmark__tld {
  font-family: 'Work Sans', 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-size: 60%;
  margin-left: 0.05em;
}
.wordmark__icon {
  width: var(--wordmark-icon-size);
  height: var(--wordmark-icon-size);
  color: var(--color-brand);
  flex-shrink: 0;
}