/*
Theme Name: Toremini Teema
Author: Sinu Nimi
Description: Lihtne teema Toremini Studio veebilehe jaoks.
Version: 1.1
*/

/* --- Üldised stiilid --- */
body {
    font-family: 'Lato', serif;
    background-color: #e9e8e2; /* Rahulik beež taust */
    color: #4A4A4A; /* Pehme tumehall tekst */
}

h1, h2, h3, h4 {
    font-family: 'Lato', serif;
    color: #2D2D2D; /* Tumedam pealkirjade värv */
}

/*
p {
    line-height: 1.6;
    margin-bottom: 1.5rem;
    color: black;
}

/* --- Värvid ja nupud (sinu uus skeem) --- */
.accent-color {
    color: #70705d; /* Muted rohekas-sinine aktsent */
}

.btn-primary {
    background-color: none ;
    color: #000000;
    /* Lisame siia vajalikud stiilid, mis varem tulid Tailwindist */
    display: inline-block;
    padding: 0.55rem 1.5rem; /* vastab py-3 px-8 */
    border: 1.5px dashed #000000; /* vastab border-2 */
    border-radius: 20px; /* vastab rounded-full */
    font-weight: 600; /* vastab font-semibold */
    transition: background-color 0.3s;
    text-decoration: none;
}

.btn-primary:hover {
    background-color: #4A6162;
    color:#fff
}


/* --- PARANDUSED JA PUUDUVAD STIILID --- */

/* 1. CTA nupu raam */
.btn-secondary {
    background-color: transparent;
    color: #2D2D2D; /* Tumedam tekst parema kontrasti jaoks */
    border: 2px solid #2D2D2D;
    display: inline-block;
    padding: 0.75rem 2rem;
    border-radius: 20px;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s;
    text-decoration: none;
}

.btn-secondary:hover {
    background-color: #2D2D2D;
    color: #FFFFFF;
}

/* 1. CTA nupu raam */
.btn-email {
    background-color: black;
    color: #fff; /* Tumedam tekst parema kontrasti jaoks */
    border: 2px solid #2D2D2D;
    display: inline-block;
    padding: 0.75rem 2rem;
    border-radius: 20px;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s;
    text-decoration: none;
}

.btn-email:hover {
    background-color: #2D2D2D;
    color: #FFFFFF;
}


/* 2. Hero sektsiooni taust */
.hero-bg {
    background-color: #dde5e2; /* Hallikasroheline taust */
}

/* 3. "Mida me teeme" pealkirjade värv */
/* See peaks nüüd korrektselt rakenduma, kuna .accent-color on defineeritud */

/* Profiililehe malli stiilid */
.profiili-konteiner {
    display: flex;
    gap: 30px; /* Tühimik sisu ja külgriba vahel */
}

.profiili-sisu {
    flex: 3; /* Sisu osa võtab 2/3 laiusest */
}

.profiili-postitused {
    flex: 1; /* Külgriba võtab 1/3 laiusest */
    border-left: 1px solid #ccc;
    padding-left: 20px;
}