/**
 * RT Report Plugin - Design Tokens
 *
 * Shared CSS custom properties matching the platform's cyberpunk theme.
 * These tokens ensure visual consistency across all RT plugins.
 */

:root {
    /* Primary Colors - Cyberpunk Cyan */
    --rt-primary-cyan: #00ffff;
    --rt-accent-cyan: #64defb;
    --rt-accent-cyan-light: #80e5fc;
    --rt-accent-teal: #018ba0;
    --rt-electric-blue: #00ffff;
    --rt-electric-blue-dark: #0099cc;
    --rt-electric-blue-light: #33E1FF;
    --rt-electric-blue-glow: rgba(0, 255, 255, 0.3);

    /* Backgrounds */
    --rt-dark-bg: #09090a;
    --rt-dark-card: rgba(255, 255, 255, 0.05);
    --rt-dark-card-hover: rgba(255, 255, 255, 0.08);
    --rt-dark-card-solid: #0e0f11;
    --rt-dark-border: #173035;

    /* Status Colors */
    --rt-accent-purple: #8B5CF6;
    --rt-accent-green: #10B981;
    --rt-accent-red: #EF4444;
    --rt-accent-yellow: #F59E0B;
    --rt-accent-red-bg: #c41230;

    /* Text Colors */
    --rt-text-primary: #ffffff;
    --rt-text-secondary: #b0b0b0;
    --rt-text-muted: #718096;

    /* Borders */
    --rt-border-cyan: rgba(0, 255, 255, 0.2);
    --rt-border-cyan-hover: rgba(0, 255, 255, 0.4);

    /* Gradients */
    --rt-gradient-primary: linear-gradient(45deg, #64defb, #80e5fc);
    --rt-gradient-title: linear-gradient(45deg, #018ba0, #00ffff, #018ba0);
    --rt-gradient-card: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);

    /* Shadows & Glows */
    --rt-shadow-glow: 0 0 20px rgba(0, 255, 255, 0.3);
    --rt-shadow-glow-strong: 0 0 30px rgba(0, 255, 255, 0.5);
    --rt-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.15);
    --rt-shadow-medium: 0 8px 32px rgba(0, 0, 0, 0.3);
    --rt-shadow-button: 0 10px 30px rgba(100, 222, 251, 0.3);

    /* Discord */
    --rt-discord-blurple: #5865F2;
    --rt-discord-blurple-dark: #4752C4;

    /* Layout */
    --rt-border-radius: 12px;
    --rt-border-radius-lg: 16px;
    --rt-animation-speed: 0.3s;
}