/**
 * Verification System - CSS Custom Properties
 * Centralized color and spacing variables for easier maintenance
 *
 * @package Fictioneer
 * @version 2.0.0
 */

:root {
    /* Status Colors */
    --verify-success: #46b450;
    --verify-success-bg: rgba(70, 180, 80, 0.1);
    --verify-error: #dc3232;
    --verify-error-bg: rgba(220, 50, 50, 0.07);
    --verify-warning: #ffb900;
    --verify-warning-bg: rgba(255, 185, 0, 0.1);
    --verify-info: #0073aa;
    --verify-info-bg: rgba(0, 115, 170, 0.07);
    --verify-primary: #ff5722;
    --verify-primary-hover: #e64a19;
    --verify-primary-bg: rgba(255, 87, 34, 0.9);
    --verify-restricted-bg: #fff6f2;

    /* Badge Colors */
    --verify-badge-restricted: #e53935;
    --verify-verified-color: #00a32a;
    --verify-pending-color: #e68b00;
    --verify-unverified-color: #cc1818;

    /* Admin Colors */
    --verify-admin-primary: #2271b1;
    --verify-admin-danger: #d63638;

    /* Spacing */
    --verify-spacing-xs: 0.25rem;
    --verify-spacing-sm: 0.5rem;
    --verify-spacing-md: 1rem;
    --verify-spacing-lg: 1.5rem;
    --verify-spacing-xl: 2rem;

    /* Border Radius */
    --verify-radius-sm: 3px;
    --verify-radius-md: 4px;
    --verify-radius-lg: 8px;
    --verify-radius-circle: 50%;

    /* Shadows */
    --verify-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.07);
    --verify-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
    --verify-shadow-lg: 0 3px 8px rgba(0, 0, 0, 0.1);
    --verify-shadow-xl: 0 5px 25px rgba(0, 0, 0, 0.25);

    /* Transitions */
    --verify-transition-fast: 0.2s ease;
    --verify-transition-normal: 0.3s ease;
}