/* ===== DiscoveryPay Shop - Standalone Style ===== */
/* CSS Variables - independent from main website */

:root {
    /* Primary Colors */
    --td-primary: #3b82f6;
    --td-primary-dark: #2563eb;
    --td-primary-light: #60a5fa;

    /* Secondary Colors */
    --td-secondary: #1e293b;
    --td-secondary-light: #334155;
    --td-secondary-dark: #0f172a;

    /* Accent Colors */
    --td-accent: #10b981;
    --td-warning: #f59e0b;
    --td-danger: #ef4444;
    --td-success: #22c55e;
    --td-info: #06b6d4;

    /* Text Colors */
    --td-text-primary: #ffffff;
    --td-text-secondary: #94a3b8;
    --td-text-muted: #64748b;

    /* Background Colors */
    --td-bg-primary: #0f172a;
    --td-bg-secondary: #1e293b;
    --td-bg-tertiary: #334155;

    /* Borders */
    --td-border: #334155;
    --td-border-light: #475569;

    /* Shadows */
    --td-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --td-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --td-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --td-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Gradients */
    --td-gradient-primary: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%);
    --td-gradient-secondary: linear-gradient(135deg, var(--td-secondary) 0%, var(--td-secondary-dark) 100%);
    --td-gradient-hero: linear-gradient(135deg, var(--td-bg-primary) 0%, var(--td-bg-secondary) 100%);

    /* Transitions */
    --td-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --td-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== GLOBAL STYLES ===== */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: var(--td-bg-primary);
    color: var(--td-text-primary);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--td-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--td-primary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--td-primary-dark);
}