/* Global theme: background, fonts, sizes, colors */
:root {
    /* Brand colors */
    --brand-dark-pink: #8b1e5d;   /* Tamarind text color (dark pink) */
    --brand-navy: #0d1b2a;

    /* Neutral colors */
    --text: #1f1f1f;
    --muted: #555;
    --card: #ffffff;

    /* Background (pinkish-whitish tone) */
    --bg-1: #fff7fb;
    --bg-2: #f3e7ff;
    --bg-3: #ffeaf4;

    /* Typography */
    --font-family: Arial, Helvetica, sans-serif;
    --h1-size: 34px;
    --h2-size: 22px;
    --p-size: 16px;

    /* Spacing */
    --radius: 14px;
}

/* Apply theme globally */
html, body {
    height: 100%;
}

body {
    font-family: var(--font-family);
    color: var(--text);
    background: radial-gradient(circle at 30% 10%, var(--bg-3), transparent 55%),
                radial-gradient(circle at 70% 0%, var(--bg-2), transparent 55%),
                linear-gradient(180deg, var(--bg-1), #ffffff);
}

/* Global text sizes */
h1 { font-size: var(--h1-size); }
h2 { font-size: var(--h2-size); }
p  { font-size: var(--p-size); color: var(--muted); }