:root {
    --color-bg: #fcf5f8;
    --color-surface: #f7e9f0;
    --color-text: #33212b;
    --color-accent: #e0468b;
    --color-divider: #33212b66;
    --color-accent-100: #fff1f7;
    --color-accent-200: #ffdcea;
    --color-accent-300: #ffbdd6;
    --color-accent-400: #f68fb8;
    --color-accent-500: #e0468b;
    --color-accent-600: #c9327a;
    --color-accent-700: #a51f5f;
    --color-accent-800: #7c1247;
    --color-accent-900: #4f0e2f;
    --color-neutral-100: #fdf8fa;
    --color-neutral-200: #f5e9ef;
    --color-neutral-300: #e8d5de;
    --color-neutral-400: #d0b2c0;
    --color-neutral-500: #b591a1;
    --color-neutral-600: #957384;
    --color-neutral-700: #755766;
    --color-neutral-800: #543c49;
    --color-neutral-900: #33212b;
  }
  html, body { margin: 0; padding: 0; background: #fcf5f8; color: #33212b; font-family: "Archivo", system-ui, sans-serif; }
  * { box-sizing: border-box; }
  a { color: #a51f5f; text-decoration: none; border-bottom: 1px solid #ffbdd6; }
  a:hover { color: #7c1247; border-bottom-color: #a51f5f; }
  ::selection { background: #ffdcea; }
  input, textarea, button, select { font-family: "Archivo", system-ui, sans-serif; }
  input:focus-visible, textarea:focus-visible, button:focus-visible, select:focus-visible { outline: 2px solid #e0468b; outline-offset: 2px; }