/* css/variables.css */
:root{
  /* Brand (vidimeni) */
  --brand: #6D28D9;          /* violet */
  --brand-2: #0EA5E9;        /* sky */
  --accent: #22C55E;         /* success */

  /* Background & surfaces */
  --bg: #070A12;
  --bg-2: #0B1020;
  --card: rgba(255,255,255,.06);
  --card-2: rgba(255,255,255,.09);
  --border: rgba(255,255,255,.12);

  /* Text */
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);
  --subtle: rgba(255,255,255,.55);

  /* Shadows */
  --shadow: 0 20px 60px rgba(0,0,0,.50);
  --shadow-soft: 0 10px 30px rgba(0,0,0,.35);

  /* Radius / spacing */
  --r-lg: 18px;
  --r-md: 14px;
  --r-sm: 10px;

  /* Layout */
  --max: 1120px;
}