/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Bielsko Clinic — skin-clinic.pl
 Author:       Bielsko Clinic
 Author URI:   https://bielskoclinic.pl/
 Template:     bricks
 Version:      2.0
 Text Domain:  bricks
*/

/* ========================================
   @font-face
   ======================================== */

@font-face {
    font-family: 'NTVanilla';
    src: url('fonts/NTVanilla.woff2') format('woff2'),
         url('fonts/NTVanilla.woff') format('woff'),
         url('fonts/NTVanilla.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Light.woff2') format('woff2'),
         url('fonts/Metropolis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Medium.woff2') format('woff2'),
         url('fonts/Metropolis-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-SemiBold.woff2') format('woff2'),
         url('fonts/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   CSS Custom Properties (Design Tokens)
   ======================================== */

:root {
    --bc-brown: #b0947e;
    --bc-brown-dark: #9a6f4d;
    --bc-brown-light: #C4A882;
    --bc-cream: #f7f4ef;
    --bc-cream-dark: #E8E2DA;
    --bc-text: #393029;
    --bc-text-light: #6e5b4c;
    --bc-white: #FFFFFF;
    --bc-gold-star: #C4A055;

    --font-heading: 'NTVanilla', Georgia, serif;
    --font-body: 'Metropolis', 'Segoe UI', system-ui, sans-serif;
}

/* ========================================
   Base Typography
   ======================================== */

body {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    color: var(--bc-text);
    background-color: var(--bc-cream);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 400;
    color: var(--bc-text);
    line-height: 1.3;
}

h1, h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }

a {
    color: var(--bc-brown);
    text-decoration: none;
    transition: color 0.3s;
}
a:hover { opacity: 0.8; }

/* ALL LAYOUT CSS is in bricks-overrides.css — DO NOT add layout rules here */