/**
 * TEAM KART MASTER DESIGN TOKENS
 * Version: 2.0 (Official Brand & Style Guide by Mohamed Irfan M)
 * Stack: WordPress + Hello Elementor Child Theme (`teamkart-child`)
 */

:root {
  /* ==========================================================================
     1. COMMON PALETTE (All Brands)
     ========================================================================== */
  --black: #0A0A0A;
  --white: #FFFFFF;
  --gray-900: #171717;
  --gray-600: #525252;
  --gray-200: #E5E5E5;
  --gray-50: #F7F7F7;

  /* Aliased tk- tokens */
  --tk-color-ink: var(--black);
  --tk-color-ink-soft: var(--gray-900);
  --tk-color-paper: var(--gray-50);
  --tk-color-paper-light: var(--white);
  --tk-color-white: var(--white);
  --tk-color-border: var(--gray-200);
  --tk-color-muted: var(--gray-600);

  /* ==========================================================================
     2. DEFAULT BRAND: TEAM KART PARENT (Amber Identity)
     Replaces previous hero accent with warm, trusted, premium Amber
     ========================================================================== */
  --primary: #FFB400;
  --primary-hover: #D99700;
  --tint: #FFF4D6;
  --on-primary: #0A0A0A; /* Always black, never white */

  --tk-accent: var(--primary);
  --tk-accent-hover: var(--primary-hover);
  --tk-accent-tint: var(--tint);
  --tk-accent-contrast: var(--on-primary);

  /* Brand Specific Constants */
  --tk-brand-teamkart-amber: #FFB400;
  --tk-brand-teamkart-hover: #D99700;
  --tk-brand-teamkart-tint: #FFF4D6;

  --tk-brand-bags-green: #2F7D32;
  --tk-brand-bags-hover: #256428;
  --tk-brand-bags-leaf: #6DB33F;
  --tk-brand-bags-tint: #E7F3E4;
  --tk-brand-bags-kraft: #E9DCC3;

  --tk-brand-custom-red: #D32F2F;
  --tk-brand-custom-hover: #A82020;
  --tk-brand-custom-tint: #FDECEA;

  --tk-brand-media-navy: #2A3A8F;
  --tk-brand-media-hover: #1F2C70;
  --tk-brand-media-green: #3BA03A;
  --tk-brand-media-tint: #E8EBF7;

  --tk-brand-gms-black: #0A0A0A;
  --tk-brand-gms-hover: #171717;
  --tk-brand-gms-lime: #A5E21A;
  --tk-brand-gms-tint: #F1FBD6;

  /* ==========================================================================
     3. TYPOGRAPHY SYSTEM (Poppins + Inter + Noto Sans Malayalam)
     ========================================================================== */
  --font-head: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-malayalam: "Noto Sans Malayalam", system-ui, sans-serif;

  --tk-font-display: var(--font-head);
  --tk-font-body: var(--font-body);
  --tk-font-malayalam: var(--font-malayalam);

  /* Font Weights */
  --tk-weight-regular: 400;
  --tk-weight-medium: 500;
  --tk-weight-semibold: 600;
  --tk-weight-bold: 700;
  --tk-weight-extrabold: 800;

  /* Typography Scale from Brand Guide */
  --tk-size-hero: clamp(52px, 7.5vw, 96px);     /* 96px desktop / 52px mobile */
  --tk-size-h1:   clamp(36px, 5.0vw, 56px);     /* 56px desktop / 36px mobile */
  --tk-size-h2:   clamp(28px, 3.5vw, 40px);     /* 40px desktop / 28px mobile */
  --tk-size-h3:   clamp(20px, 2.2vw, 24px);     /* 24px desktop / 20px mobile */
  --tk-size-body: clamp(16px, 1.2vw, 17px);     /* 17px desktop / 16px mobile, line-height 1.6 */
  --tk-size-small: clamp(13px, 1.0vw, 14px);    /* 14px desktop / 13px mobile */
  --tk-size-btn:  15px;                         /* 15px uppercase, weight 600 */

  /* ==========================================================================
     4. BUTTONS & CARDS COMPONENT SPECS
     ========================================================================== */
  --tk-btn-radius: 8px;
  --tk-btn-padding: 14px 26px;
  --tk-btn-weight: 600;

  --tk-card-radius: 12px;
  --tk-card-border: 1px solid var(--gray-200);
  --tk-card-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);

  --tk-section-gap: clamp(48px, 6vw, 80px);     /* 80px desktop, 48px mobile */
  --tk-container-max: 1280px;
}

/* ==========================================================================
   5. PER-BRAND IDENTITY OVERRIDES
   ========================================================================== */

/* Team Kart Parent */
.brand-teamkart {
  --primary: #FFB400;
  --primary-hover: #D99700;
  --tint: #FFF4D6;
  --on-primary: #0A0A0A;
  --tk-accent: var(--primary);
  --tk-accent-hover: var(--primary-hover);
  --tk-accent-tint: var(--tint);
  --tk-accent-contrast: var(--on-primary);
}

/* Bags Kart — Eco-Friendly Packaging */
.brand-bagskart,
.brand-bags {
  --primary: #2F7D32;
  --primary-hover: #256428;
  --accent: #6DB33F;
  --tint: #E7F3E4;
  --on-primary: #FFFFFF;
  --tk-accent: var(--primary);
  --tk-accent-hover: var(--primary-hover);
  --tk-accent-tint: var(--tint);
  --tk-accent-contrast: var(--on-primary);
}

/* Custom Kart — Personalized Gifts & Décor */
.brand-customkart,
.brand-custom {
  --primary: #D32F2F;
  --primary-hover: #A82020;
  --tint: #FDECEA;
  --on-primary: #FFFFFF;
  --tk-accent: var(--primary);
  --tk-accent-hover: var(--primary-hover);
  --tk-accent-tint: var(--tint);
  --tk-accent-contrast: var(--on-primary);
}

/* Media Kart — Digital Ideas & Marketing */
.brand-mediakart,
.brand-media {
  --primary: #2A3A8F;
  --primary-hover: #1F2C70;
  --accent: #3BA03A;
  --tint: #E8EBF7;
  --on-primary: #FFFFFF;
  --tk-accent: var(--primary);
  --tk-accent-hover: var(--primary-hover);
  --tk-accent-tint: var(--tint);
  --tk-accent-contrast: var(--on-primary);
}

/* GetMyStuff.in — Apparel & Lifestyle */
.brand-getmystuff,
.brand-gms {
  --primary: #0A0A0A;
  --primary-hover: #171717;
  --accent: #A5E21A;
  --tint: #F1FBD6;
  --on-primary: #FFFFFF;
  --tk-accent: var(--primary);
  --tk-accent-hover: var(--primary-hover);
  --tk-accent-tint: var(--tint);
  --tk-accent-contrast: var(--on-primary);
}