/*
Theme Name: XingYi
Theme URI: http://www.xingyimetal.com/
Author: tuhuajuan@gmail.com
Description: A custom theme for XingYi
Version: 1.0.0
Text Domain: xingyi
*/

/* Reset and basic global styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Archivo', sans-serif;
    color: #231815;
    overflow-x: hidden;
}

/* Colors from requirements */
:root {
    --color-normal: #007DBF;
    --color-hover: #0C2F62;
    --color-pressed: #003B90;
    --color-white: #EDEDED;
    --color-black: #231815;
    --color-active: #003B90;
    --bg-dropdown: #000000CC;
    --shadow-sticky: #00000010;
}

/* Placeholder for Zalando Sans Expanded */
/* In a real project, the font files should be placed in assets/fonts/ and defined here */
@font-face {
    font-family: 'Zalando Sans Expanded';
    src: url('assets/fonts/ZalandoSansExpanded-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

a {
    text-decoration: none;
}

.btn-contact {
    background-color: var(--color-normal);
    color: var(--color-white);
    font-family: 'Archivo', sans-serif;
    font-weight: 600;
    /* SemiBold */
    font-size: 16px;
    padding: 21px 20px;
    text-decoration: none;
    transition: background-color 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-contact:hover {
    background-color: var(--color-hover);
}

.btn-contact:active {
    background-color: var(--color-pressed);
}