/* ============================================================================
   PASUTECH PROJECTS PRIVATE LIMITED
   THEME / COLOR CONTROL FILE  --  EDIT COLORS HERE ONLY
   ----------------------------------------------------------------------------
   This is the single source of truth for the website's colour palette.
   When the client provides final brand colours, replace the HEX values below.
   Every colour used across the site is derived from these variables.
   ========================================================================== */

:root {
    /* ---- BRAND CORE (from PASUTECH logo: blue "TECH" + red "PASU") ------ */
    --color-primary:            #1552C7;   /* logo blue             */
    --color-primary-dark:       #0d3a94;   /* darker blue (footers, overlays) */
    --color-primary-light:      #3f74e6;   /* lighter blue (hovers) */

    --color-accent:             #E01E26;   /* logo red accent       */
    --color-accent-dark:        #b7141b;
    --color-accent-light:       #ff4d54;

    --color-secondary:          #1552C7;   /* link blue (readable on white) */

    /* ---- NEUTRALS ------------------------------------------------------ */
    --color-dark:               #0f172a;   /* headings text         */
    --color-body:               #475569;   /* body text             */
    --color-muted:              #94a3b8;   /* muted text            */
    --color-line:               #e2e8f0;   /* borders / dividers    */
    --color-bg:                 #ffffff;   /* base background       */
    --color-bg-alt:             #f5f8fb;   /* alternating sections  */
    --color-bg-soft:            #eef4fa;   /* soft tinted panels    */

    /* ---- STATUS -------------------------------------------------------- */
    --color-success:            #16a34a;
    --color-warning:            #f59e0b;
    --color-danger:             #dc2626;
    --color-info:               #0ea5e9;

    /* ---- DERIVED / UI -------------------------------------------------- */
    --color-white:              #ffffff;
    --color-black:              #000000;
    --color-whatsapp:           #25d366;   /* WhatsApp brand green   */
    --color-primary-deeper:     #123f9e;   /* deep blue band start    */
    --color-primary-darkest:    #0a2a6e;   /* deep blue band end      */
    --color-accent-glow:        rgba(224,30,38,0.22); /* red tint for decorative glows */
    --color-primary-ring:       rgba(21,82,199,0.20); /* focus ring (primary @20%)        */

    --gradient-brand:           linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-primary-light) 130%);
    --gradient-accent:          linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
    --overlay-dark:             linear-gradient(180deg, rgba(7,20,66,0.74) 0%, rgba(7,20,66,0.90) 100%);

    /* ---- TYPOGRAPHY ---------------------------------------------------- */
    --font-sans:   "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --font-head:   "Poppins", "Segoe UI", system-ui, sans-serif;

    /* ---- SHAPE / SPACE ------------------------------------------------- */
    --radius-sm: 6px;
    --radius:    12px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --shadow-sm:  0 1px 2px rgba(15,23,42,0.06), 0 1px 3px rgba(15,23,42,0.08);
    --shadow:     0 6px 20px rgba(15,23,42,0.08);
    --shadow-lg:  0 18px 45px rgba(11,42,74,0.16);

    --container:  1200px;
    --header-h:   95px;

    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}