:root {
    --bg-apple: #ffffff;
    /* Unified for Light Theme */
    --text-primary: #1A1A1A;
    --text-secondary: #4a4a4a;
    --accent-azure: #2E5BFF;
    /* Mapped to Cobalt Blue */

    /* Apple Glass/Card Definition */
    --card-bg: #FFFFFF;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    --card-hover-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    --card-border: 1px solid #E0E0E0;
    /* Subtle border */
    --glass-blur: blur(20px);

    --font-display: 'Inter', system-ui, sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-apple) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    font-family: var(--font-display);
    font-weight: 400;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Global Apple Card Style */
.bento-card,
.tech-card,
.glass-panel,
.tier-card {
    background: var(--card-bg) !important;
    border: var(--card-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--card-shadow) !important;
    color: var(--text-primary) !important;
    backdrop-filter: none !important;
    /* Remove blur for solid cards */
    -webkit-backdrop-filter: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.bento-card:hover,
.tech-card:hover,
.tier-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--card-hover-shadow) !important;
    border-color: rgba(0, 122, 255, 0.3) !important;
}

.bento-icon {
    background: #F5F5F7 !important;
    /* Light grey bg for icon */
    color: var(--accent-azure) !important;
    border-radius: 50% !important;
}

/* Base link styles */
a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--accent-azure);
}