/**
 * Cervento design tokens — the single source for --cv-*.
 *
 * Load this FIRST on every page, before any other stylesheet. Pages used to
 * declare their own :root block, which drifted: --cv-bg was #07091c on the
 * homepage but #1b1e3d on about and contact, --cv-border was #373a5e vs
 * #323779, and --cv-card was translucent on one page and solid on another.
 * The homepage values are canonical.
 *
 * Add a token here rather than in a page. Override one on a page only when
 * that page genuinely differs, and say why.
 */

:root {
  /* Surfaces */
  --cv-bg: #07091c;
  --cv-bg-2: #101331;
  --cv-card: rgba(37, 40, 76, 0.76);
  --cv-card-strong: #25284c;
  --cv-white-glass: rgba(255, 255, 255, 0.09);

  /* Lines */
  --cv-border: #373a5e;
  --cv-border-soft: #373a5e;

  /* Brand */
  --cv-blue: #575efe;
  --cv-cyan: #38d5ff;
  /* Same two colours as space-separated channels, so a page can tint them:
     rgb(var(--cv-cyan-rgb) / 0.22) instead of hardcoding rgba(56,213,255,…). */
  --cv-blue-rgb: 87 94 254;
  --cv-cyan-rgb: 56 213 255;

  /* Type */
  --cv-text: #e3f4f8;
  --cv-soft: #caccff;
  --cv-muted: rgba(227, 244, 248, 0.74);

  /* Focus ring — must stay visible on every surface above. */
  --cv-focus: #9fb8ff;

  /* Shape + depth */
  --cv-radius-md: 32px;
  --cv-radius-lg: 48px;
  --cv-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
}