/* Duffield Digital - Shared Color Schema */
/* This color scheme is used across all Duffield Digital properties */

:root {
    /* Primary Colors */
    --dd-white: #ffffff;
    --dd-black: #000000;

    /* Grey Scale */
    --dd-grey-50: #f9fafb;
    --dd-grey-100: #f3f4f6;
    --dd-grey-200: #e5e7eb;
    --dd-grey-300: #d1d5db;
    --dd-grey-400: #9ca3af;
    --dd-grey-500: #6b7280;
    --dd-grey-600: #4b5563;
    --dd-grey-700: #374151;
    --dd-grey-800: #1f2937;
    --dd-grey-900: #111827;

    /* Blue Scale */
    --dd-blue-50: #eff6ff;
    --dd-blue-100: #dbeafe;
    --dd-blue-200: #bfdbfe;
    --dd-blue-300: #93c5fd;
    --dd-blue-400: #60a5fa;
    --dd-blue-500: #3b82f6;
    --dd-blue-600: #2563eb;
    --dd-blue-700: #1d4ed8;
    --dd-blue-800: #1e40af;
    --dd-blue-900: #1e3a8a;

    /* Purple Scale */
    --dd-purple-50: #faf5ff;
    --dd-purple-100: #f3e8ff;
    --dd-purple-200: #e9d5ff;
    --dd-purple-300: #d8b4fe;
    --dd-purple-400: #c084fc;
    --dd-purple-500: #a855f7;
    --dd-purple-600: #7c3aed;
    --dd-purple-700: #6d28d9;
    --dd-purple-800: #5b21b6;
    --dd-purple-900: #4c1d95;

    /* Semantic Colors - Light Theme */
    --dd-primary: var(--dd-blue-600);
    --dd-secondary: var(--dd-purple-600);
    --dd-accent: var(--dd-blue-500);
    --dd-background: var(--dd-grey-50);
    --dd-surface: var(--dd-white);
    --dd-text-primary: var(--dd-grey-900);
    --dd-text-secondary: var(--dd-grey-700);

    /* Gradients */
    --dd-gradient-blue-purple: linear-gradient(to right, var(--dd-blue-600), var(--dd-purple-600));
    --dd-gradient-blue-purple-dark: linear-gradient(to right, var(--dd-blue-700), var(--dd-purple-700));
    --dd-gradient-dark: linear-gradient(to bottom, var(--dd-grey-900), var(--dd-black));
}

/* Dark Theme Variants */
:root.dark-theme {
    /* Semantic Colors - Dark Theme */
    --dd-primary: var(--dd-blue-500);
    --dd-secondary: var(--dd-purple-500);
    --dd-accent: var(--dd-blue-400);
    --dd-background: var(--dd-black);
    --dd-surface: var(--dd-grey-900);
    --dd-text-primary: var(--dd-grey-100);
    --dd-text-secondary: var(--dd-grey-400);
}

/* Dystopian/Cyberpunk Theme (for main site) */
:root.cyberpunk-theme {
    /* Enhanced dark colors */
    --dd-cyber-black: #0a0a0a;
    --dd-cyber-dark: #121212;
    --dd-cyber-darker: #050505;

    /* Neon accents */
    --dd-neon-blue: #00d9ff;
    --dd-neon-purple: #b026ff;
    --dd-neon-cyan: #0ff;
    --dd-neon-pink: #ff00ff;

    /* Cyberpunk gradients */
    --dd-cyber-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --dd-neon-gradient: linear-gradient(to right, var(--dd-neon-blue), var(--dd-neon-purple));
    --dd-blade-runner: linear-gradient(to bottom, #0a0a0a 0%, #1a1a2e 50%, #0a0a0a 100%);

    /* Glowing effects */
    --dd-glow-blue: 0 0 20px rgba(0, 217, 255, 0.5);
    --dd-glow-purple: 0 0 20px rgba(176, 38, 255, 0.5);
    --dd-glow-strong: 0 0 30px rgba(0, 217, 255, 0.8), 0 0 60px rgba(176, 38, 255, 0.5);
}