/*
 Theme Name:   TempsPlus Child
 Theme URI:    https://tempsplus.com
 Description:  TempsPlus child theme. Inherits from the active parent theme.
               Contains only CSS custom properties (brand tokens) and global overrides.
               All business logic lives in the tempsplus plugin.
 Author:       TempsPlus
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  tempsplus-child
*/

/* ── Brand Tokens ──────────────────────────────────────────────────────────── */
:root {
    /* Core palette */
    --tp-primary:        #38B3FA;
    --tp-secondary:      #1191D0;
    --tp-heading:        #171A1F;
    --tp-body:           #565D6D;
    --tp-accent-green:   #4CE680;
    --tp-accent-red:     #FA0909;

    /* Derived / utility */
    --tp-primary-light:  #EBF7FF;
    --tp-primary-dark:   #0D7DBF;
    --tp-border:         #D0E8F8;
    --tp-bg:             #F8FBFF;
    --tp-white:          #FFFFFF;
    --tp-black:          #000000;

    /* Typography */
    --tp-font-sans:      'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --tp-font-mono:      'JetBrains Mono', 'Courier New', monospace;

    --tp-text-xs:   0.75rem;
    --tp-text-sm:   0.875rem;
    --tp-text-base: 1rem;
    --tp-text-lg:   1.125rem;
    --tp-text-xl:   1.25rem;
    --tp-text-2xl:  1.5rem;
    --tp-text-3xl:  1.875rem;

    --tp-weight-normal:   400;
    --tp-weight-medium:   500;
    --tp-weight-semibold: 600;
    --tp-weight-bold:     700;

    --tp-leading-tight:  1.25;
    --tp-leading-normal: 1.5;
    --tp-leading-loose:  1.75;

    /* Spacing scale */
    --tp-space-1:   0.25rem;
    --tp-space-2:   0.5rem;
    --tp-space-3:   0.75rem;
    --tp-space-4:   1rem;
    --tp-space-5:   1.25rem;
    --tp-space-6:   1.5rem;
    --tp-space-8:   2rem;
    --tp-space-10:  2.5rem;
    --tp-space-12:  3rem;
    --tp-space-16:  4rem;

    /* Radius */
    --tp-radius-sm:   4px;
    --tp-radius-md:   8px;
    --tp-radius-lg:   12px;
    --tp-radius-xl:   16px;
    --tp-radius-full: 9999px;

    /* Shadows */
    --tp-shadow-sm:  0 1px 3px rgba(56, 179, 250, 0.08), 0 1px 2px rgba(0,0,0,0.06);
    --tp-shadow-md:  0 4px 16px rgba(56, 179, 250, 0.12), 0 2px 4px rgba(0,0,0,0.06);
    --tp-shadow-lg:  0 8px 32px rgba(56, 179, 250, 0.16), 0 4px 8px rgba(0,0,0,0.08);

    /* Transitions */
    --tp-transition: 150ms ease;
    --tp-transition-md: 250ms ease;

    /* Layout */
    --tp-sidebar-width:  220px;
    --tp-content-max:    1200px;
    --tp-dashboard-gap:  var(--tp-space-6);
}

/* ── Font Import ───────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* ── Global resets for TempsPlus pages ─────────────────────────────────────── */
.tp-page body {
    font-family: var(--tp-font-sans);
    color:        var(--tp-body);
    background:   var(--tp-bg);
    line-height:  var(--tp-leading-normal);
}

.tp-page h1, .tp-page h2, .tp-page h3,
.tp-page h4, .tp-page h5, .tp-page h6 {
    color:       var(--tp-heading);
    font-family: var(--tp-font-sans);
    font-weight: var(--tp-weight-bold);
    line-height: var(--tp-leading-tight);
}

/* ── Utility classes ────────────────────────────────────────────────────────── */
.tp-sr-only {
    position: absolute;
    width:    1px;
    height:   1px;
    padding:  0;
    margin:  -1px;
    overflow: hidden;
    clip:     rect(0,0,0,0);
    border:   0;
}

.tp-container {
    max-width:    var(--tp-content-max);
    margin-left:  auto;
    margin-right: auto;
    padding-left: var(--tp-space-6);
    padding-right: var(--tp-space-6);
}