:root {
  --ink: #171719;
  --obsidian: #111214;
  --graphite: #36373b;
  --ash: #96979d;
  --porcelain: #f7f7f8;
  --electric-blue: #386bff;
  --electric-teal: #18d5d1;
  --sunset-orange: #ff934f;
  --sunset-pink: #f65a9a;
  --signature-gradient: linear-gradient(115deg, var(--electric-blue) 0%, var(--electric-teal) 32%, var(--sunset-orange) 68%, var(--sunset-pink) 100%);
  --action-gradient: linear-gradient(115deg, var(--electric-blue), var(--sunset-orange));
  --action-hover-face: color-mix(in srgb, var(--electric-blue) 85%, var(--ink));
  --magic-gradient: var(--action-gradient);
  --waypoint-color: var(--electric-teal);
  --glass-fill: rgb(255 255 255 / 0.025);
  --glass-radius: 22px;
  --icon-radius: 11px;
  --icon-rest-size: 42px;
  --icon-active-size: 54px;
  --motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
:root,
[data-host="dark"] {
  --glass-face: linear-gradient(135deg, rgb(255 255 255 / 0.075), rgb(255 255 255 / 0.018) 32%, rgb(255 255 255 / 0.006) 68%, rgb(255 255 255 / 0.045));
  --glass-rim: linear-gradient(135deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.19) 24%, rgb(255 255 255 / 0.06) 49%, rgb(255 255 255 / 0.12) 72%, rgb(255 255 255 / 0.34));
  --glass-edge: rgb(255 255 255 / 0.18);
  --glass-bevel: inset 0 1px 0 rgb(255 255 255 / 0.16), inset 1px 0 0 rgb(255 255 255 / 0.045), inset 0 -1px 0 rgb(0 0 0 / 0.28);
  --glass-shadow: 0 3px 8px rgb(0 0 0 / 0.1), 0 12px 28px rgb(0 0 0 / 0.12);
  --glass-shadow-small: 0 2px 4px rgb(0 0 0 / 0.12), 0 5px 10px rgb(0 0 0 / 0.08);
}
[data-host="light"] {
  --glass-face: linear-gradient(135deg, rgb(255 255 255 / 0.36), rgb(255 255 255 / 0.08) 32%, rgb(255 255 255 / 0.025) 68%, rgb(255 255 255 / 0.14));
  --glass-rim: linear-gradient(135deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.48) 23%, rgb(23 23 25 / 0.08) 50%, rgb(23 23 25 / 0.13) 72%, rgb(255 255 255 / 0.7));
  --glass-edge: rgb(23 23 25 / 0.16);
  --glass-bevel: inset 0 1px 0 rgb(255 255 255 / 0.8), inset 1px 0 0 rgb(255 255 255 / 0.24), inset 0 -1px 0 rgb(23 23 25 / 0.055);
  --glass-shadow: 0 3px 8px rgb(23 23 25 / 0.035), 0 12px 28px rgb(23 23 25 / 0.055);
  --glass-shadow-small: 0 2px 4px rgb(23 23 25 / 0.035), 0 5px 10px rgb(23 23 25 / 0.025);
}