/* ==============================
   File: design-system/molecules/custom-cursor/custom-cursor.css
   Description: Basic styling for custom-cursor widget
   ============================== */

:root {
    --widget-bg: #fff0f0;
    --widget-border: #ff69b4;
    --widget-text: #800080;
}

.custom-cursor {
    background-color: var(--widget-bg);
    border: 2px dashed var(--widget-border);
    color: var(--widget-text);
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    font-family: 'Comic Sans MS', cursive, sans-serif;
}