@import url('./theme.css');

.card {
    border-radius: var(--radius-card);
    border: 1px solid var(--color-stroke);
    box-shadow: var(--shadow-card);
}

.app-action-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--color-stroke);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-primary);
    background: var(--color-surface);
    text-decoration: none;
}

.btn,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger,
.btn-outline-success,
.btn-outline-warning,
.btn-outline-dark,
.btn-success,
.btn-danger {
    border-radius: var(--radius-card);
}

.btn-success {
    background: var(--color-success);
    border-color: var(--color-success);
}

.btn-outline-primary {
    border-color: rgba(47, 107, 255, .35);
    color: var(--color-primary-dark);
    background: #f8faff;
}