/* ViCall — dark style tokens
   Source of truth: "Template 5 - Cinematic.dc.html" in the design project.
   Every value below is lifted verbatim from that file. */

:root {
  /* ---- surfaces (three near-blacks, deliberately close together) ---- */
  --vc-bg:            #050506;  /* page ground, hero, section 01 */
  --vc-bg-alt:        #080a09;  /* section 02 ground (a hair greener) */
  --vc-bg-alt-2:      #08080a;  /* log-in section ground (a hair bluer) */
  --vc-panel:         #050807;  /* panels sitting ON --vc-bg-alt */
  --vc-hairline:      #16171a;  /* every 1px divider and section top border */
  --vc-hairline-warm: #14231a;  /* dividers inside green-accented panels */
  --vc-field-line:    #26272a;  /* input underline, button border */

  /* ---- ink ---- */
  --vc-ink:           #ececeb;  /* headlines, primary text */
  --vc-ink-2:         #a3a3a0;  /* lede / body paragraphs */
  --vc-ink-3:         #82827f;  /* small supporting paragraphs */
  --vc-ink-4:         #7c7c79;  /* nav links, field labels */
  --vc-ink-5:         #8b8b88;  /* footer, hint text */
  --vc-ink-6:         #8e8e8a;  /* the log-in section eyebrow (neutral, not green) */

  /* ---- accent: one green, three roles ---- */
  --vc-accent:        #4ca558;  /* eyebrows, rules, buttons, link hover */
  --vc-accent-soft:   #8fd39c;  /* platform list, quoted caller phrases */
  --vc-accent-dim:    #5e6b62;  /* captions under accented content */

  /* ---- type ---- */
  --vc-font-sans: 'Archivo', system-ui, sans-serif;
  --vc-font-mono: 'IBM Plex Mono', monospace;

  /* ---- layout ---- */
  --vc-max:      1440px;
  --vc-gutter:   clamp(20px, 3.4vw, 52px);
  --vc-section-y:clamp(90px, 11vw, 170px);
  --vc-header-h: 76px;
}