/*
 * VYAN Shunyalekh — proprietary VYAN typeface (see /LICENSE.md).
 * For VYAN-authorized products only. Do not link these files from a
 * public CDN (jsDelivr, unpkg, etc.) — self-host only.
 *
 * Copy this file plus /fonts/webfonts/*.woff2 into the authorized
 * project's own static assets, then point the four url(...) below at
 * that project's local path (e.g. "/assets/fonts/VYANShunyalekh-Regular.woff2").
 * See docs/FONT_GUIDE.md.
 */

@font-face {
  font-family: 'VYAN Shunyalekh';
  src: url('./fonts/VYANShunyalekh-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VYAN Shunyalekh';
  src: url('./fonts/VYANShunyalekh-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VYAN Shunyalekh';
  src: url('./fonts/VYANShunyalekh-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'VYAN Shunyalekh';
  src: url('./fonts/VYANShunyalekh-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Brand font stack: VYAN Shunyalekh first, then generic serif fallbacks. */
  --font-vyan: 'VYAN Shunyalekh', Georgia, 'Times New Roman', serif;

  /* Brand palette: stark red on black. */
  --color-vyan-red: #e2001a;
  --color-vyan-shadow: #000000;
}

.font-vyan {
  font-family: var(--font-vyan);
}

/*
 * .vyan-stamp — the brand wordmark treatment: stark red fill with a
 * black shadowy border wrapping the outside of every letter. Built from
 * a hard 4-direction black outline (crisp edge, works in every browser)
 * layered under soft blurred shadows (the "shadowy" falloff), plus
 * -webkit-text-stroke as a smoother outline on engines that support it.
 */
.vyan-stamp {
  font-family: var(--font-vyan);
  color: var(--color-vyan-red);
  -webkit-text-stroke: 2px var(--color-vyan-shadow);
  text-stroke: 2px var(--color-vyan-shadow);
  paint-order: stroke fill;
  text-shadow:
    -2px -2px 0 var(--color-vyan-shadow),
     2px -2px 0 var(--color-vyan-shadow),
    -2px  2px 0 var(--color-vyan-shadow),
     2px  2px 0 var(--color-vyan-shadow),
     0 0 12px rgba(0, 0, 0, 0.65),
     0 10px 22px rgba(0, 0, 0, 0.5);
}