/**
 * Jodia Bazaar Seller Central — Element Presets & Type Scaling
 * Path: frontend/public/css/elements.css
 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    background-color: var(--bg-core);
    color: var(--dark-anchor);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--dark-anchor);
    font-weight: 800;
    line-height: 1.2;
}

h1 { font-size: var(--text-4xl); letter-spacing: -0.025em; }
h2 { font-size: var(--text-2xl); letter-spacing: -0.015em; }
h3 { font-size: var(--text-xl); }
h4 { font-size: var(--text-lg); }

p {
    color: var(--ui-subtext);
    font-size: var(--text-base);
}

a {
    color: var(--brand-hero);
    text-decoration: none;
    transition: color 0.15s ease;
}

a:hover {
    color: var(--brand-hover);
}

input, select, textarea {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--dark-anchor);
    background-color: #FFFFFF;
    border: 1px solid var(--ui-outline);
    border-radius: 6px;
    padding: 10px 14px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--brand-accent);
    box-shadow: 0 0 0 3px var(--status-info-bg);
}