/*
 * TrustMFT Theme — Forest Green (default)
 * ─────────────────────────────────────────────────────────────────
 * This is the ONLY file that needs to change to switch themes.
 * All colours, typography, spacing, radii and transitions are
 * defined here as CSS custom properties consumed by trustmft.css
 * and trustmft-auth.css.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {

    /* ── Primary brand colour ─────────────────────────────────── */
    --tm-primary:               #2A443C;
    --tm-primary-hover:         #1e3329;
    --tm-primary-light:         #EBF0EE;
    --tm-primary-border:        #C0D4CC;
    --tm-primary-focus-shadow:  0 0 0 3px rgba(42, 68, 60, 0.10);
    --tm-primary-focus-ring:    0 0 0 2px rgba(42, 68, 60, 0.12);

    /* ── Accent colour (highlights, active indicators, logo) ──── */
    --tm-accent:                #CA5538;
    --tm-accent-hover:          #b84a2e;
    --tm-accent-light:          #F0E8E4;
    --tm-accent-border:         #E8C4B8;

    /* ── Secondary / decorative colours ──────────────────────── */
    --tm-teal:                  #395756;
    --tm-teal-light:            #EAF0EF;
    --tm-teal-border:           #C0D4CC;
    --tm-steel:                 #4F5D75;
    --tm-steel-light:           #ECEEF2;

    /* ── Semantic state colours ───────────────────────────────── */
    --tm-success:               #2A6B3C;
    --tm-success-bg:            #EAF5EE;
    --tm-success-border:        #C0DEC8;

    --tm-warning:               #92550A;
    --tm-warning-bg:            #FEF3E2;
    --tm-warning-border:        #FDE68A;

    --tm-danger:                #DC2626;
    --tm-danger-hover:          #b91c1c;
    --tm-danger-bg:             #FEF2F2;
    --tm-danger-border:         #FECACA;

    --tm-info:                  #395756;
    --tm-info-bg:               #EAF0EF;
    --tm-info-border:           #C0D4CC;

    /* ── Neutral palette ──────────────────────────────────────── */
    --tm-white:                 #FFFFFF;
    --tm-bg:                    #F6F8F7;
    --tm-text:                  #1A2820;
    --tm-text-mid:              #4F5D75;
    --tm-text-muted:            #7A8A96;
    --tm-border:                #D8E0DC;

    /* ── Sidebar ──────────────────────────────────────────────── */
    --tm-sidebar-bg:            #2A443C;
    --tm-sidebar-border:        rgba(255, 255, 255, 0.08);
    --tm-sidebar-text:          rgba(255, 255, 255, 0.65);
    --tm-sidebar-text-hover:    #FFFFFF;
    --tm-sidebar-hover-bg:      rgba(255, 255, 255, 0.06);
    --tm-sidebar-active-bg:     rgba(202, 85, 56, 0.18);
    --tm-sidebar-active-border: #CA5538;
    --tm-sidebar-section-label: rgba(255, 255, 255, 0.30);

    /* ── Cards & surfaces ────────────────────────────────────── */
    --tm-shadow-card:           0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);

    /* ── Typography ───────────────────────────────────────────── */
    --tm-font-family:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --tm-font-size-xs:          11px;
    --tm-font-size-sm:          12px;
    --tm-font-size-base:        14px;
    --tm-font-size-md:          16px;
    --tm-font-size-lg:          20px;
    --tm-font-size-xl:          22px;
    --tm-font-weight-normal:    400;
    --tm-font-weight-medium:    500;
    --tm-font-weight-semibold:  600;
    --tm-font-weight-bold:      700;
    --tm-letter-spacing-wide:   0.05em;

    /* ── Spacing scale ────────────────────────────────────────── */
    --tm-space-1:               4px;
    --tm-space-2:               8px;
    --tm-space-3:               12px;
    --tm-space-4:               16px;
    --tm-space-5:               20px;
    --tm-space-6:               24px;
    --tm-space-8:               32px;
    --tm-space-10:              40px;

    /* ── Border radius ────────────────────────────────────────── */
    --tm-radius-sm:             4px;
    --tm-radius-md:             6px;
    --tm-radius-lg:             12px;
    --tm-radius-pill:           100px;

    /* ── Transitions ──────────────────────────────────────────── */
    --tm-transition-fast:       0.15s ease;
    --tm-transition-normal:     0.2s ease;
}