:root,
:host {
    --accent: #0077ff;
    --accent-light: #a3cffb;
    --accent-light-2: #cae5ff;
    --green-light: #aefefa;
    --green-light-2: #e7fffe;

    --surface-bg: #ffffff;
    --surface-muted: #f9f9f9;
    --surface-hover: #f5f5f5;
    --surface-soft: #e3f2ff;

    --border-subtle: #dcdcdc;
    --border-light: #eeeeee;

    --text-muted: #777777;
    --text-soft: #555555;
    --text-dark: #393939;
    --text-secondary: #666666;

    --badge-bg: #f0f0f0;
    --status-pending-bg: #fff3cd;
    --status-pending-text: #856404;

    --status-success-bg: #d4edda;
    --status-success-text: #155724;
    --status-success-text-hover: #0a2f12;

    --status-error-bg: #f8d7da;
    --status-error-text: #721c24;
    --close-button: #d73545;
    --close-button-hover: #70020d;
    --error: #ff0000;

    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}