/*
Theme Name: KOKO Enterprise
Theme URI: https://kokointernet.com
Author: KOKO Group
Author URI: https://kokointernet.com
Description: Premium enterprise WordPress theme for KOKO Group.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: koko-enterprise
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
# Design Tokens
--------------------------------------------------------------*/

:root{

    --color-primary:#121212;
    --color-secondary:#2C2C2C;
    --color-accent:#C9A227;

    --color-white:#FFFFFF;
    --color-light:#F5F5F5;
    --color-border:#E5E5E5;
    --color-text:#333333;
    --color-muted:#666666;

    --container:1280px;

    --radius-sm:4px;
    --radius-md:8px;
    --radius-lg:16px;

    --shadow-sm:0 4px 12px rgba(0,0,0,.06);
    --shadow-md:0 10px 30px rgba(0,0,0,.08);

    --transition:.35s ease;

    --font-heading:"Cormorant Garamond",serif;
    --font-body:"Inter",sans-serif;

}

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

*,
*::before,
*::after{

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    margin:0;

    background:var(--color-white);

    color:var(--color-text);

    font-family:var(--font-body);

    font-size:16px;

    line-height:1.75;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}

button{

    font:inherit;

}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0 0 20px;

    font-family:var(--font-heading);

    color:var(--color-primary);

    line-height:1.15;

    font-weight:600;

}

h1{

    font-size:clamp(3rem,7vw,5rem);

}

h2{

    font-size:clamp(2.2rem,5vw,3.5rem);

}

h3{

    font-size:clamp(1.6rem,3vw,2.2rem);

}

p{

    margin:0 0 1.5rem;

}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.container{

    width:min(92%,var(--container));

    margin-inline:auto;

}

.section{

    padding:120px 0;

}

.section-sm{

    padding:80px 0;

}

.section-lg{

    padding:180px 0;

}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

.text-center{

    text-align:center;

}

.hidden{

    display:none;

}