:root {
      --bg: #f8f7fb;
      --card: #ffffff;
      /*--text: #20202a;*/
      --text: #BD6FEE;
      --muted: #70707d;
      /*--primary: #6c4ce5;*/
      --primary: #ED6FDD;
      --primary-dark: #5235c7;
      /*--primary-dark: #ED6FDD;*/
      --accent: #f0ebff;
      --border: #e7e4ed;
      --success: #247a52;
      --shadow: 0 10px 30px rgba(35, 25, 70, 0.08);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: Inter, Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.5;
    }

    button,
    input,
    select {
      font: inherit;
    }

    button {
      cursor: pointer;
    }