:root {
    /* 🎨 Primary Brand Colors */
    --color-1st: #3f51b5;
    --primary-color: #3f51b5;
    --primary-color-dark: #303f9f;
    --primary-color-light: #e8eaf6;

    /* 🖤 Secondary / Neutral */
    --color-2nd: #1c1c1e;
    --secondary-color: #1c1c1e;

    /* 📝 Typography */
    --primary-font: 'Work Sans', sans-serif;
    --text-color: #1a1a1a;
    --muted-text-color: #6b7280; /* subtle gray for secondary text */

    /* 🔘 Buttons */
    --button-text-color: #ffffff;
    --button-background-color: #3f51b5;
    --button-background-hover-color: #303f9f;

    /* 🧭 Header & Navigation */
    --header-text-color: #f4f4f4;
    --header-button-background-color: #3f51b5;
    --header-button-text-color: #ffffff;
    --header-text-hover-color: #3f51b5;
    --header-text-accent-color: #1c1c1e;

    /* 🪟 Borders & Dividers */
    --header-diliver-border-color: rgba(63, 81, 181, 0.25);
    --divider-color: #e5e7eb;

    /* 🧱 Backgrounds */
    --background-color: #ffffff;
    --background-alt: #f9fafb;
    --card-background: #ffffff;
    --card-shadow: rgba(0, 0, 0, 0.05);

    /* 🔗 Links */
    --link-color: #3f51b5;
    --link-hover-color: #303f9f;
}
.ps-dropdown ul {
  background:#3f51b5;
}