/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://silure.in
 Description:  SILURE child theme — extends Hello Elementor with brand design system
 Author:       SILURE
 Author URI:   https://silure.in
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  silure-child
*/

@font-face {
    font-family: 'Mulish';
    src: url('fonts/mulish-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Mono';
    src: url('fonts/dm-mono-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Brand colours */
    --silure-bg:       #FBF9F6;
    --silure-primary:  #050505;
    --silure-text:     #444444;
    --silure-muted:    #7A7672;
    --silure-border:   #E8E4DF;
    --silure-bg-dark:  #050505;
    --silure-on-dark:  #FBF9F6;

    /* Typography */
    --silure-font-heading: 'Mulish', sans-serif;
    --silure-font-body:    'DM Mono', monospace;

    /* Tab component (Session 30) — single source for every tab-styled
       component sitewide (My Account nav, Contact form tabs, and any
       future one). Values are My Account's, the confirmed standard —
       Contact's tabs previously drifted to their own 10px/24px-padding/
       2px-tracking/normal-weight set; fixed to reference these instead. */
    --silure-tab-font-size:      11px;
    --silure-tab-padding:        12px 20px;
    --silure-tab-letter-spacing: 1.5px;
    --silure-tab-weight-base:    400;
    --silure-tab-weight-active:  600;
}

/* GLOBAL BASE */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'DM Mono', monospace;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: normal;
    color: var(--silure-text);
    background: var(--silure-bg);
}
p, span, li, td, th, label, input,
textarea, select, a, blockquote,
.woocommerce-Price-amount,
.woocommerce-loop-product__title {
    font-family: 'DM Mono', monospace;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: normal;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title,
.product_title, .site-title {
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: normal;
}