:root {
    /* The vibrant Pink from the logo center - used for highlights and primary buttons */
    --primary-color: #ff1c91;
    /* A Deep Midnight Navy - replaces white for a high-contrast, modern dark mode */
    --background: #051622;
    /* A slightly lighter "Steel Blue" for headers and nav bars to create depth */
    --header: #0a2435;
    /* The energetic Sky Blue/Cyan from the logo outline - used for accents and borders */
    --accent: #00bfff;
    /* A muted, dark teal/blue for cards and section backgrounds */
    --background-soft: #0d2e44;
    /* Using the Sky Blue at a very high brightness for text readability */
    --text-main: #d1f2ff;
}