:root {
    --bg: #ffffff;
    --text: #222;
    --card-bg: #f6f6f6;
    --border: #ddd;
    --company-name: "Shampers";
    --company-email: "shampers49@aol.com";
    --company-phone: "01202 429223";
}

body.dark {
    --body-color: #0f172a;
    --header-bg-color: #0369a1;
    --main-color: #1e293b;
    --secondary-color: white;
    --mid-color: #0369a1;
    --text-color: #f8fafc;
    --shadow-color: 255, 255, 255;
    --border: 2px solid #334155;

    --button-text-color: black;

    --link-color-unvisited: #60a5fa;
    --link-color-visited: #c084fc;
    --link-color-active: #f87171;
    --link-color-hover: #fb923c;
}

body.light {
    --body-color: #f8fafc;
    --header-bg-color: #0284c7;
    --main-color: #ffffff;
    --secondary-color: #00146b;
    --mid-color: #e0f2fe;
    --text-color: #0f172a;
    --shadow-color: 0, 20, 107;;
    --border: 2px solid #cbd5e1;

    --button-text-color: #ffffff;

    --link-color-unvisited: #2563eb;
    --link-color-visited: #9333ea;
    --link-color-active: #dc2626;
    --link-color-hover: #ea580c;
}