/* ==========================================================================
   TECH Preset — Indigo / Sky Blue / SaaS Aesthetic
   Inspired by the original IndexGPT theme design.
   ========================================================================== */
:root {
    /* Brand colors */
    --igpt-primary: #6366f1;
    --igpt-primary-dark: #4f46e5;
    --igpt-primary-light: #818cf8;
    --igpt-secondary: #0ea5e9;
    --igpt-accent: #f59e0b;
    --igpt-accent-dark: #d97706;

    /* Neutrals */
    --igpt-dark: #1e293b;
    --igpt-dark-light: #334155;
    --igpt-gray: #64748b;
    --igpt-gray-light: #94a3b8;
    --igpt-light: #f1f5f9;
    --igpt-white: #ffffff;

    /* Typography */
    --igpt-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --igpt-font-heading: 'Poppins', var(--igpt-font-body);

    /* Gradient */
    --igpt-gradient: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%);

    /* Hero pattern (cross-hatch SVG) */
    --igpt-hero-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    /* Category colors */
    --igpt-cat-text: #10b981;
    --igpt-cat-image: #f59e0b;
    --igpt-cat-video: #ef4444;
    --igpt-cat-audio: #8b5cf6;
    --igpt-cat-code: #06b6d4;
    --igpt-cat-data: #ec4899;
    --igpt-cat-productivity: #14b8a6;
    --igpt-cat-marketing: #f97316;

    /* WP preset bridge */
    --wp--preset--color--primary: #6366f1;
    --wp--preset--color--secondary: #0ea5e9;
}

/* Category icon tints */
.category-card.text .category-icon { background: rgba(16, 185, 129, 0.1); color: var(--igpt-cat-text); }
.category-card.image .category-icon { background: rgba(245, 158, 11, 0.1); color: var(--igpt-cat-image); }
.category-card.video .category-icon { background: rgba(239, 68, 68, 0.1); color: var(--igpt-cat-video); }
.category-card.audio .category-icon { background: rgba(139, 92, 246, 0.1); color: var(--igpt-cat-audio); }
.category-card.code .category-icon { background: rgba(6, 182, 212, 0.1); color: var(--igpt-cat-code); }
.category-card.data .category-icon { background: rgba(236, 72, 153, 0.1); color: var(--igpt-cat-data); }