/*
 * trainitnow-child — Design tokens
 *
 * Single source of truth for the Train IT Now design system.
 * Divi 5 Design Variables reference these CSS variables via var(--tin-*).
 *
 * Convention: all variables are prefixed with --tin-.
 *
 * Train IT Now brand colours:
 * Primary:   #00A594
 * Secondary: #1F2342
 *
 * Light mode only.
 */

:root {

    /* -----------------------------------------------------------------------
     * Brand hue helpers
     * ----------------------------------------------------------------------- */

    /* #00A594 ≈ HSL 174° */
    --tin-hue-primary:          174;
    --tin-hue-primary-2:        174;

    /* #1F2342 ≈ HSL 233° */
    --tin-hue-secondary:        233;


    /* -----------------------------------------------------------------------
     * Surfaces
     * ----------------------------------------------------------------------- */

    --tin-background:           #F7FAF9;
    --tin-foreground:           #1F2342;

    --tin-card:                 #FFFFFF;
    --tin-card-foreground:      #1F2342;

    --tin-popover:              #FFFFFF;
    --tin-popover-foreground:   #1F2342;


    /* -----------------------------------------------------------------------
     * Train IT Now brand
     * ----------------------------------------------------------------------- */

    --tin-primary:              #00A594;
    --tin-primary-hover:        #008D7F;
    --tin-primary-foreground:   #FFFFFF;

    --tin-secondary:            #1F2342;
    --tin-secondary-foreground: #FFFFFF;


    /* -----------------------------------------------------------------------
     * Accent
     * ----------------------------------------------------------------------- */

    --tin-accent:               #F2FBF9;
    --tin-accent-foreground:    #007F73;


    /* -----------------------------------------------------------------------
     * State / utility
     * ----------------------------------------------------------------------- */

    --tin-muted:                #F2F5F4;
    --tin-muted-foreground:     #667875;

    --tin-destructive:          #DC3545;
    --tin-destructive-foreground: #FFFFFF;

    --tin-success:              #00A594;

    --tin-ring:                 #00A594;

    --tin-focus-ring:
        0 0 0 3px rgb(0 165 148 / 0.15);


    /* -----------------------------------------------------------------------
     * Borders / inputs
     * ----------------------------------------------------------------------- */

    --tin-border:               #DCEAE7;
    --tin-input:                #DCEAE7;


    /* -----------------------------------------------------------------------
     * Radius
     * ----------------------------------------------------------------------- */

    --tin-radius:               0.75rem;
    --tin-radius-lg:            var(--tin-radius);
    --tin-radius-md:            calc(var(--tin-radius) - 2px);
    --tin-radius-sm:            calc(var(--tin-radius) - 4px);


    /* -----------------------------------------------------------------------
     * Shadows
     * ----------------------------------------------------------------------- */

    --tin-shadow-card:
        0 1px 3px rgb(31 35 66 / 0.06),
        0 4px 12px rgb(31 35 66 / 0.04);

    --tin-shadow-card-hover:
        0 4px 16px rgb(31 35 66 / 0.10),
        0 8px 32px rgb(31 35 66 / 0.06);

    --tin-shadow-elevated:
        0 8px 30px rgb(0 165 148 / 0.12);


    /* -----------------------------------------------------------------------
     * Gradients
     * ----------------------------------------------------------------------- */

    --tin-gradient-primary:
        linear-gradient(
            135deg,
            #00A594 0%,
            #00B8A4 100%
        );

    --tin-gradient-hero:
        linear-gradient(
            180deg,
            #F7FAF9 0%,
            #F2FBF9 50%,
            #F7FAF9 100%
        );

    --tin-gradient-cta:
        linear-gradient(
            135deg,
            #1F2342 0%,
            #2A3058 100%
        );


    /* -----------------------------------------------------------------------
     * Typography
     * -----------------------------------------------------------------------
     *
     * Font family intentionally remains controlled by Divi.
     * Components should use font-family: inherit.
     */
}


/* ===========================================================================
 * Divi Global Color bridge
 * ===========================================================================
 *
 * Divi Global Primary   → Train IT Now turquoise
 * Divi Global Secondary → Train IT Now dark blue
 */

#et-boc,
body {
    --gcid-primary-color: var(--tin-primary) !important;
    --gcid-secondary-color: var(--tin-secondary) !important;
}