@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /* Brand */
    --primary: #642671;
    --primary-hover: #54205F;
    --secondary: #0F766E;
    /* Teal for contrast */

    /* Text */
    --text-heading: #1F2937;
    --text-content: #4B5563;

    /* Backgrounds */
    --bg: #F8F6FA;
    /* Very light purple tint */
    --bg-card: #FFFFFF;

    /* Links */
    --link: var(--primary);
    --link-hover: #4B1C54;

    /* Border */
    --border: #E5E7EB;

    /* Shadow */
    --shadow: rgba(100, 38, 113, 0.12);

    /* Fonts */
    --font-heading: "Noto Serif Devanagari", serif;
    --font-body: "Noto Sans Devanagari", sans-serif;
}

body {
    background-color: var(--bg);
    color: var(--text-content);
    font-family: var(--font-body);
}

.container {
    width: 90%;
    margin: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-heading);
    font-family: var(--font-heading);
}

.card {
    background-color: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 4px;
    box-shadow: 0 2px 10px var(--shadow);
}