/*
 * The Tech Dragon LTD — Freemius Checkout
 * Version: 1.1
 *
 * Target:
 * - Hosted Checkout
 * - Overlay Checkout
 * - Freemius WP SDK embedded/in-dashboard Checkout
 *
 * Freemius configuration:
 * Developer Dashboard → Product → Plans → Customization
 * → Custom Checkout CSS file
 *
 * IMPORTANT:
 * Freemius uses this SAME stylesheet for normal Checkout and the WP SDK
 * embedded Checkout. The .dashboard-mode block below is intentionally in
 * this file; there is no separate dashboard-checkout stylesheet field.
 *
 * Strategy:
 * Variable-first customization using Freemius design-system properties.
 * Avoid deep DOM selectors unless a documented variable cannot express
 * the required behavior.
 *
 * Tech Dragon palette:
 *   Deep navy      #08131f
 *   Elevated navy  #0e223a
 *   Heading        #eef6ff
 *   Body           #c9d8e7
 *   Brand cyan     #68e5ff
 *   Control cyan   #087f94
 *   Control hover  #0b6070
 *
 * The darker control cyan is intentional: #68e5ff is excellent against the
 * site's dark surfaces but too light for reliable contrast when Freemius
 * uses the accent behind white text.
 */

:root {
    --fs-ds-theme-primary-accent-color: #087f94;
    --fs-ds-theme-primary-accent-color-hover: #0b6070;

    /* Tech Dragon blue-gray neutral ramp.
       Preserve Freemius' light → dark shade progression. */
    --fs-ds-neutral-10:  #f4f8fb;
    --fs-ds-neutral-100: #e4edf5;
    --fs-ds-neutral-200: #c9d8e7;
    --fs-ds-neutral-300: #aebfd0;
    --fs-ds-neutral-400: #91a6bb;
    --fs-ds-neutral-500: #738da6;
    --fs-ds-neutral-600: #5b748d;
    --fs-ds-neutral-700: #405a72;
    --fs-ds-neutral-800: #263f56;
    --fs-ds-neutral-900: #0e223a;
}

/*
 * WP SDK embedded/in-dashboard Checkout.
 *
 * Freemius explicitly documents .dashboard-mode for variables that should
 * apply when Checkout is loaded inside WordPress admin. Repeating the brand
 * variables here prevents dashboard-mode defaults from overriding the
 * product's normal checkout theme.
 */
.dashboard-mode {
    --fs-ds-theme-primary-accent-color: #087f94;
    --fs-ds-theme-primary-accent-color-hover: #0b6070;

    --fs-ds-neutral-10:  #f4f8fb;
    --fs-ds-neutral-100: #e4edf5;
    --fs-ds-neutral-200: #c9d8e7;
    --fs-ds-neutral-300: #aebfd0;
    --fs-ds-neutral-400: #91a6bb;
    --fs-ds-neutral-500: #738da6;
    --fs-ds-neutral-600: #5b748d;
    --fs-ds-neutral-700: #405a72;
    --fs-ds-neutral-800: #263f56;
    --fs-ds-neutral-900: #0e223a;
}

/*
 * No deep element selectors by design.
 *
 * Freemius recommends CSS-variable customization to reduce breakage when
 * Checkout markup changes. Add selector-level rules only after testing the
 * current sandbox Checkout and only when a variable cannot do the job.
 */