/* WooPrev - Global variables & base layout */

:root {
    --wooprev-radius-sm: 6px;
    --wooprev-radius-md: 8px;
    --wooprev-radius-lg: 10px;
    --wooprev-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --wooprev-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
    --wooprev-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
    --wooprev-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --wooprev-border: 1px solid #ebebeb;
    --wooprev-bg: #fafafa;
    --wooprev-bg-elevated: #ffffff;
    --wooprev-text: #404040;
    --wooprev-text-muted: #737373;
    --wooprev-accent: #525252;
    --wooprev-accent-hover: #333333;
    --wooprev-focus: #ffffff00;
    --wooprev-danger: #dc2626;
    --wooprev-danger-hover: #b91c1c;
}

.wooprev-wrapper {
    display: block;
}