/* assets/css/style.css */

/* 1. Core Architectural Foundations (Must be at the absolute top) */
@import url('base/variables.css');
@import url('base/global.css');

/* 2. Modular Widget Sections */
@import url('sections/navbar.css');
@import url('sections/hero.css');
@import url('sections/about.css');
@import url('sections/skills.css');
@import url('sections/projects.css');
@import url('sections/uiux.css');
@import url('sections/learnings.css');
@import url('sections/contact.css');

/* Fix for Chrome, Edge, and Safari autofill styling override */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text-primary) !important;
    /* Uses a transparent box shadow to mask the browser's default white background */
    box-shadow: 0 0 0px 1000px var(--dark-bg) inset !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--dark-bg) inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

.project-card {
    border: none !important; /* Explicitly overrides any default layout borders */
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    overflow: hidden;
}

/* Strip out any top accent lines left over from older markup styles */
.project-accent-strip {
    display: none !important;
}