/* =================================================
   GLOBAL RESET & BASE (SINGLE SOURCE OF TRUTH)
   ================================================= */

* {
    box-sizing: border-box;
}

/* -------------------------------------------------
   COLOR SYSTEM (LIGHT / NORMAL THEME)
   Matched to Muthusamy LR Website Logo
   ------------------------------------------------- */
:root {
    /* ===============================
       PAGE BACKGROUNDS
       =============================== */
    --bg-main: #f3f4f6;          /* Main page background */
    --bg-soft: #eef1f4;          /* Panels / sections */
    --bg-card: #ffffff;          /* Cards / content blocks */

    /* ===============================
       BRAND / DARK SECTIONS
       =============================== */
    --bg-brand-dark: #232625;    /* Logo strip / dark sections */

    /* ===============================
       BORDERS / DIVIDERS
       =============================== */
    --border-soft: #d1d5db;

    /* ===============================
       TEXT
       =============================== */
    --text-main: #111827;        /* Default text */
    --text-soft: #374151;
    --text-muted: #6b7280;

    /* ===============================
       BRAND COLORS (LOGO-ALIGNED)
       =============================== */
    --primary: #2454d3;          /* Logo blue */
    --primary-hover: #1f46b8;
    --primary-active: #193a9c;

    /* Accent (tagline yellow – controlled use) */
    --accent: #f2b705;

    /* ===============================
       LINKS
       =============================== */
    --link: #2454d3;
    --link-hover: #1f46b8;

    /* ===============================
       TEXT ON DARK
       =============================== */
    --text-on-dark: #f9fafb;
    --accent-on-dark: #f2b705;

    /* ===============================
       HEADER (ALWAYS DARK)
       =============================== */
    --header-bg: #232625;        /* Matches brand dark */
    --header-border: #1f2933;
    --header-text: #f9fafb;
    --header-link: #e5e7eb;
    --header-link-hover: #ffffff;
}

/* -------------------------------------------------
   BASE ELEMENTS
   ------------------------------------------------- */
body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif;

    background-color: var(--bg-main);
    color: var(--text-main);
    line-height: 1.6;
}

a {
    color: var(--link);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover);
    text-decoration: underline;
}