/* ============================================================
   RMVS — Rendermatic Visual Systems · Design Tokens v0.1
   Foundation: dark photographic canvas, electric volt accent
   used as a scalpel (≈5% of any surface), warm neutrals to
   keep it studio-grade rather than tech-startup.
   ============================================================ */

:root {
  /* ---- Color · Ink (dark foundation) ---- */
  --rmvs-canvas:        #0E0E0F;  /* page background */
  --rmvs-surface:       #171717;  /* cards, panels */
  --rmvs-surface-2:     #1A1A1C;  /* raised cards, nav */
  --rmvs-surface-3:     #28282A;  /* hover states, wells */
  --rmvs-line:          #343436;  /* hairlines, dividers */

  /* ---- Color · Paper (light sections) ---- */
  --rmvs-paper:         #FBFAF7;  /* light section background */
  --rmvs-paper-line:    #E8E5DE;  /* hairlines on paper */

  /* ---- Color · Warm neutrals (studio warmth) ---- */
  --rmvs-warm-300:      #BCB2A1;  /* captions, eyebrows on dark */
  --rmvs-warm-500:      #8A8175;  /* secondary text on paper */

  /* ---- Color · Text ---- */
  --rmvs-text:          #FFFFFF;  /* primary on dark */
  --rmvs-text-muted:    #A3A3A3;  /* secondary on dark */
  --rmvs-text-ink:      #171717;  /* primary on paper */
  --rmvs-text-ink-2:    #606060;  /* secondary on paper */

  /* ---- Color · Volt (the electric green — use sparingly) ---- */
  --rmvs-volt:          #C7FF4A;  /* CTAs, human-QA markers, live details */
  --rmvs-volt-bright:   #B8FF2C;  /* hover / active */
  --rmvs-volt-ink:      #15170A;  /* text set on volt fills */
  --rmvs-volt-dim:      rgba(199, 255, 74, 0.12); /* tints, focus rings */

  /* ---- Type ---- */
  --rmvs-font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --rmvs-font-body:    "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --rmvs-font-mono:    "IBM Plex Mono", "SF Mono", Menlo, monospace; /* spec labels, file names */

  --rmvs-text-xs:   0.75rem;   /* 12 — spec/meta labels, mono */
  --rmvs-text-sm:   0.875rem;  /* 14 — captions */
  --rmvs-text-base: 1.0625rem; /* 17 — body */
  --rmvs-text-lg:   1.25rem;   /* 20 — lead paragraphs */
  --rmvs-text-xl:   1.5rem;    /* 24 — h3 */
  --rmvs-text-2xl:  2rem;      /* 32 — h2 */
  --rmvs-text-3xl:  2.75rem;   /* 44 — h1 */
  --rmvs-text-4xl:  3.75rem;   /* 60 — hero display */

  --rmvs-leading-tight: 1.08;  /* display */
  --rmvs-leading-body:  1.6;

  --rmvs-tracking-wide: 0.14em; /* uppercase eyebrows / wordmark */

  /* ---- Space (8px base) ---- */
  --rmvs-space-1: 0.25rem;
  --rmvs-space-2: 0.5rem;
  --rmvs-space-3: 0.75rem;
  --rmvs-space-4: 1rem;
  --rmvs-space-6: 1.5rem;
  --rmvs-space-8: 2rem;
  --rmvs-space-12: 3rem;
  --rmvs-space-16: 4rem;
  --rmvs-space-24: 6rem;   /* section rhythm */

  /* ---- Shape ---- */
  --rmvs-radius-sm: 6px;    /* buttons, chips */
  --rmvs-radius-md: 10px;   /* cards */
  --rmvs-radius-lg: 16px;   /* imagery frames */

  /* ---- Elevation (subtle — photography carries depth) ---- */
  --rmvs-shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35);

  /* ---- Motion ---- */
  --rmvs-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rmvs-dur-fast: 150ms;
  --rmvs-dur-med: 300ms;
}