/* ================================================================
   ARTMECHO — Design Tokens
   Dark futuristic art deco
================================================================ */
:root {
  /* Base surfaces */
  --bg-0: #08080c;          /* page background            */
  --bg-1: #0d0d14;          /* raised sections            */
  --panel: #10101a;         /* cards / panels             */
  --panel-edge: #1c1c2a;    /* panel borders              */

  /* Ink */
  --ink: #e9e4d6;           /* primary text (warm white)  */
  --muted: #8f8a7a;         /* secondary text             */
  --faint: #5b574c;         /* tertiary / captions        */

  /* Gold (deco primary) */
  --gold: #c9a13b;
  --gold-bright: #eed789;
  --gold-dim: #6e5a24;
  --gold-line: rgba(201, 161, 59, 0.35);

  /* Futuristic accent (used sparingly) */
  --cyan: #6fe8e0;
  --cyan-dim: rgba(111, 232, 224, 0.15);

  /* Glow */
  --gold-glow: rgba(201, 161, 59, 0.18);

  /* Typography */
  --font-display: "Poiret One", "Jost", sans-serif;
  --font-body: "Jost", "Segoe UI", sans-serif;

  /* Type scale (fluid) */
  --text-xs: 0.72rem;
  --text-sm: 0.85rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 4vw, 2rem);
  --text-2xl: clamp(1.9rem, 6vw, 2.8rem);
  --text-hero: clamp(2.6rem, 10vw, 5.5rem);

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* Layout */
  --content-max: 72rem;
  --radius: 2px;            /* deco = crisp corners       */
  --nav-h: 4rem;
}