/* ==========================================================================
   SERVICES Preset — Teal / Amber / Professional
   Designed for consulting, agencies, and professional service businesses.
   ========================================================================== */
:root {
    /* Brand colors */
    --igpt-primary: #0f766e;
    --igpt-primary-dark: #115e59;
    --igpt-primary-light: #14b8a6;
    --igpt-secondary: #d97706;
    --igpt-accent: #7c3aed;

    /* 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: 'DM Sans', var(--igpt-font-body);

    /* Gradient — refined teal */
    --igpt-gradient: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #115e59 100%);

    /* No hero pattern for cleaner professional look */
    --igpt-hero-pattern: none;

    /* Category colors — muted professional palette */
    --igpt-cat-text: #059669;
    --igpt-cat-image: #d97706;
    --igpt-cat-video: #dc2626;
    --igpt-cat-audio: #7c3aed;
    --igpt-cat-code: #0891b2;
    --igpt-cat-data: #db2777;
    --igpt-cat-productivity: #0d9488;
    --igpt-cat-marketing: #ea580c;

    /* WP preset bridge */
    --wp--preset--color--primary: #0f766e;
    --wp--preset--color--secondary: #d97706;
}

/* Slightly more squared radius for professional feel */
.btn { border-radius: var(--igpt-radius-md); }
.hero-search { border-radius: var(--igpt-radius-xl); }
.hero-search button { border-radius: var(--igpt-radius-lg); }

/* Category icon tints */
.category-card.text .category-icon { background: rgba(5, 150, 105, 0.1); color: var(--igpt-cat-text); }
.category-card.image .category-icon { background: rgba(217, 119, 6, 0.1); color: var(--igpt-cat-image); }
.category-card.video .category-icon { background: rgba(220, 38, 38, 0.1); color: var(--igpt-cat-video); }
.category-card.audio .category-icon { background: rgba(124, 58, 237, 0.1); color: var(--igpt-cat-audio); }
.category-card.code .category-icon { background: rgba(8, 145, 178, 0.1); color: var(--igpt-cat-code); }
.category-card.data .category-icon { background: rgba(219, 39, 119, 0.1); color: var(--igpt-cat-data); }