/**
 * Remasterd WC: Global Design Tokens
 */

:root {
    /* Brand Colors */
    --rwc-primary: #009898;
    --rwc-primary-dark: #007a7a;
    --rwc-primary-light: #00c2c2;
    --rwc-secondary: #ff6633;
    --rwc-accent: #ff6633;
    
    /* Neutral Palette */
    --rwc-bg-gray: #f8fafc;
    --rwc-text: #1e293b;
    --rwc-text-dark: #0f172a;
    --rwc-muted: #64748b;
    --rwc-border: #e2e8f0;
    --rwc-white: #ffffff;
    
    /* Visual Rhythms */
    --rwc-shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
    --rwc-shadow: 0 4px 12px rgba(0,0,0,0.07);
    --rwc-shadow-lg: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    
    /* Transitions */
    --rwc-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --rwc-transition: all 0.4s var(--rwc-ease);
}

/* Base Polish for Remasterd Components */
.rwc-main-content {
    all: initial; /* Reset most theme baggage */
    display: block;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--rwc-text);
    box-sizing: border-box;
    line-height: 1.5;
}

.rwc-main-content * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

/* Fix for theme list leaks */
.rwc-main-content ul, 
.rwc-main-content ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rwc-main-content a {
    text-decoration: none;
    color: inherit;
}

@keyframes rwc-shimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}

.rwc-skeleton {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: rwc-shimmer 1.5s linear infinite forwards;
}