/* ==========================================================================
   SUB/CRUSH — DESIGN TOKENS (culori, fonturi, texturi, intensitatea „ghost”)
   Swap grafică finală (Tomi): schimbă valorile de aici + logo în js/config.js.
   ========================================================================== */
@font-face {
  font-family: "Big Shoulders Black";
  src: url("../assets/fonts/BigShoulders-Black.ttf") format("truetype");
  font-weight: 900; font-style: normal; font-display: swap;
}
:root {
  /* Paletă (aprobată) */
  --c-void:     #0A0A0B;  /* fundal */
  --c-lime:     #C8FF00;  /* singurul accent */
  --c-concrete: #8A8A85;  /* text secundar */
  --c-bone:     #EDEBE4;  /* text principal */
  --c-red:      #FF3B1F;  /* erori formular */
  --c-line:        rgba(237,235,228,.16);
  --c-line-strong: rgba(237,235,228,.34);

  /* Fonturi */
  --f-head: "Big Shoulders Black", Impact, "Arial Narrow", sans-serif;
  --f-mono: "Space Mono", ui-monospace, "Courier New", monospace;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Fundal „ghost” (ca avatarul GHOST: lime ~17% pe aproape-negru, grain, vinietă) */
  --ghost-alpha: .3;        /* opacitatea de bază a countdown-ului + slash */
  --ghost-react: .09;       /* cât crește opacitatea pe sub-bass (subtil) */
  --cd-fill:   #8A8A85;     /* countdown: gri */
  --cd-stroke: #C8FF00;     /* countdown: outline lime */
  /* Umbră subtilă la titluri (culori din paletă) */
  --text-shadow:         .03em .04em .12em rgba(200,255,0,.28);   /* Acid Lime pe textul Bone */
  --text-shadow-on-lime: .03em .04em .12em rgba(138,138,133,.55); /* Concrete pe textul lime */
  --grain-alpha: .07;
  --tex-grain:    url("../assets/textures/grain.png");
  --tex-concrete: url("../assets/textures/concrete.webp");

  --pad: clamp(20px, 5vw, 48px);
  --cut: 12px;
}