/*
 Theme Name:   Chamnar Child
 Template:     astra
*/

@font-face {
    font-family: 'Bahnschrift';
    src: url('./fonts/bahnschrift-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Main colors */
    --brand-color: #02173d;
    --brand-hover: #1b3a6e;

    --accent-color: #613000;
    --accent-hover: #804000;

    --promo-red: #d32f2f;
    --success-green: #2e7d32;
    --link-color: #0274be;

    /* Text colors */
    --text-main: #2c2c2c;
    --text-body: #333333;
    --text-muted: #999999;
    --text-white: #ffffff;

    --white-background-color: #ffffff;
    --alt-background-color: #f4f4f4;
    --dark-background-color: #2c2c2c;

    /* Member badge colors */
    --member-badge-color: #fcc200;
    --member-badge-text: var(--text-main);

    /* Pre order discount colors */
    --preorder-badge-color: #fcc200;
    --preorder-badge-text: var(--text-main);

    /* Clearance order discount colors */
    --clearance-badge-color: #d32f2f;
    --clearance-badge-text: var(--text-white);
    --clearance-nav-color: #8B1416;


    /* Shipping notice colors */
    --shipping-notice-background-color: #fff3cd;
    --shipping-notice-text-color: #664d03;
    --shipping-notice-border-color: #ffecb5;

    --font-site-title: 'Bahnschrift', sans-serif;
    --font-heading: 'Arial', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    --font-size-site-title: 28px;
    --font-size-header: 24px;
    --font-size-subheader: 20px;
    --font-size-body: 14px;
    --font-size-label: 13px;

    --container-width: 1200px;
    --border-color: #dddddd;
    --separator-line: 1px solid #e0e0e0;

    /* Overwrite astra colors */
    --ast-global-color-0: var(--brand-color);
    --ast-global-color-1: var(--brand-hover);

    /* Amount of columns to display for products catalog (including related products) */
    --mobile-catalog-column-size: 3;

}

body {
    color: var(--text-body);
    font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-main);
    font-family: var(--font-heading);
    font-size: var(--font-size-header);
    font-weight: bold !important;
}

a {
    color: var(--brand-color);
    transition: color 0.2s ease;
}

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

/* Standard Buttons (WooCommerce & Theme) */
button,
.button,
.wp-block-button__link {
    background-color: var(--brand-color) !important;
    color: var(--text-white) !important;
}

button:hover,
.button:hover,
.wp-block-button__link:hover {
    background-color: var(--brand-hover) !important;
}