:root {
  --paper: #ece9fa;
  --paper-2: #e0dbf6;
  --card: #fbfaff;
  --ink: #181433;
  --mute: #66608a;
  --line: rgba(24, 20, 51, .12);
  --line-strong: rgba(24, 20, 51, .22);
  --pins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='120' viewBox='0 0 132 120'%3E%3Cg fill='none' stroke='%23cdc5f4' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 62h132' stroke-dasharray='4 5'/%3E%3Cpath d='M17 4l-5 3 10 3-10 3 10 3-10 3 5 3M50 4l-5 2 10 2-10 2 10 2-5 2M83 4l-5 4 10 4-10 4 10 4-10 4 5 4M116 4l-5 3 10 3-10 3 10 3-5 3'/%3E%3Crect x='12' y='26' width='10' height='32' rx='3'/%3E%3Crect x='45' y='18' width='10' height='40' rx='3'/%3E%3Crect x='78' y='38' width='10' height='20' rx='3'/%3E%3Crect x='111' y='24' width='10' height='34' rx='3'/%3E%3Cpath d='M12 66h10v18l-5 6-5-6zM45 66h10v8l-5 6-5-6zM78 66h10v28l-5 6-5-6zM111 66h10v14l-5 6-5-6z'/%3E%3C/g%3E%3C/svg%3E");
  --pool-a: rgba(139, 116, 255, .22);
  --pool-b: rgba(25, 198, 217, .14);
  --violet: #5a3df0;
  --violet-2: #8b74ff;
  --cyan: #19c6d9;
  --on-violet: #fff;
  --c-violet: #5a3df0;
  --c-cyan: #0fa9ba;
  --c-orange: #f2692b;
  --c-pink: #e0408f;
  --c-green: #2da36a;
  --c-yellow: #d79b00;
  --st-concept: #9a95b8;
  --st-bench: #19c6d9;
  --st-animals: #f2a62b;
  --st-people: #8b74ff;
  --st-approved: #2da36a;
  --r: 22px;
  --r-s: 12px;
  --font-display: 'Outfit', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Instrument Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Spline Sans Mono', ui-monospace, Consolas, monospace;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --shadow: 0 1px 0 rgba(24, 20, 51, .04), 0 18px 40px -22px rgba(52, 36, 140, .35);
  --shadow-lg: 0 2px 0 rgba(24, 20, 51, .03), 0 30px 60px -28px rgba(52, 36, 140, .5);
}
:root[data-theme='dark'] {
  --paper: #130f27;
  --paper-2: #1b1636;
  --card: #1c1737;
  --ink: #efeaff;
  --mute: #a39dc6;
  --line: rgba(239, 234, 255, .14);
  --line-strong: rgba(239, 234, 255, .26);
  --pins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='120' viewBox='0 0 132 120'%3E%3Cg fill='none' stroke='%232a2350' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 62h132' stroke-dasharray='4 5'/%3E%3Cpath d='M17 4l-5 3 10 3-10 3 10 3-10 3 5 3M50 4l-5 2 10 2-10 2 10 2-5 2M83 4l-5 4 10 4-10 4 10 4-10 4 5 4M116 4l-5 3 10 3-10 3 10 3-5 3'/%3E%3Crect x='12' y='26' width='10' height='32' rx='3'/%3E%3Crect x='45' y='18' width='10' height='40' rx='3'/%3E%3Crect x='78' y='38' width='10' height='20' rx='3'/%3E%3Crect x='111' y='24' width='10' height='34' rx='3'/%3E%3Cpath d='M12 66h10v18l-5 6-5-6zM45 66h10v8l-5 6-5-6zM78 66h10v28l-5 6-5-6zM111 66h10v14l-5 6-5-6z'/%3E%3C/g%3E%3C/svg%3E");
  --pool-a: rgba(139, 116, 255, .2);
  --pool-b: rgba(25, 198, 217, .1);
  --violet: #8b74ff;
  --violet-2: #a99aff;
  --on-violet: #130f27;
  --c-violet: #a99aff;
  --c-cyan: #3fdcec;
  --c-orange: #ff9560;
  --c-pink: #ff74b6;
  --c-green: #55d393;
  --c-yellow: #f2c24a;
  --shadow: 0 18px 40px -22px rgba(0, 0, 0, .7);
  --shadow-lg: 0 30px 60px -26px rgba(0, 0, 0, .8);
}