/* ============================================================================
   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 ---------------------------------------------------- */
    --color-primary:            #0b2a4a;   /* deep industrial blue  */
    --color-primary-dark:       #071c33;   /* darker blue (footers, overlays) */
    --color-primary-light:      #16436f;   /* lighter blue (hovers) */

    --color-accent:             #16b8a6;   /* teal / aqua accent    */
    --color-accent-dark:        #0e8c7f;
    --color-accent-light:       #4fd1c2;

    --color-secondary:          #1f6feb;   /* bright link blue      */

    /* ---- 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;

    --gradient-brand:           linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 55%, var(--color-accent-dark) 130%);
    --gradient-accent:          linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
    --overlay-dark:             linear-gradient(180deg, rgba(7,28,51,0.72) 0%, rgba(7,28,51,0.86) 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:   78px;

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