.notice {
    padding: var(--spacing-2); /* Padding around the content */
    border-radius: 5px; /* Rounded corners */
    margin: var(--spacing-2) 0; /* Margin above and below the notice */
}

.notice p {
    margin: 0; /* Remove default paragraph margin */
}

.notice.info {
    background-color: var(--color-bg-light); /* Light version of --color-primary */
    color: var(--color-text); /* Use theme text color for better contrast */
}