:root {
  --md-primary-fg-color: #4a148c; /* Deep Purple 900 */
  --md-accent-fg-color: #7b1fa2; /* Deep Purple 700 */
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #000000;
  --md-accent-fg-color: #9c27b0;
}

/* Premium Hero Gradient */
.md-main {
    background: linear-gradient(180deg, rgba(74, 20, 140, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}

[data-md-color-scheme="slate"] .md-main {
    background: linear-gradient(180deg, rgba(156, 39, 176, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}

/* Button Styling */
.md-button {
    border-radius: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.md-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
}

/* Typography Enhancements */
h1 {
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #000000;
    display: inline-block;
}

/* Image styling */
img[alt="Agent Payment Standard Logo"] {
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

img[alt="Agent Payment Standard Logo"]:hover {
    transform: scale(1.05) rotate(2deg);
}

/* Tabs and Nav Styling */
.md-tabs {
    background-color: var(--md-primary-fg-color);
}

.md-header {
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.8);
}

[data-md-color-scheme="slate"] .md-header {
    background-color: rgba(0, 0, 0, 0.7);
}