/*
Theme Name: ram
Theme URI: 
Author: 
Author URI:  https://ramonduran.net
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ram
Tags: ram
*/

:root{    
    --primary-font: 'Figtree', sans-serif;
	/* colors */

	--dark-900: #0F172A;
	--dark-800: #1E293B;
	--dark-700: #334155;
	--dark-600: #475569;
	--dark-500: #64748B;
	--dark-400: #94A3B8;
	--dark-300: #CBD5E1;
	--dark-200: #E2E8F0;
	--dark-100: #F1F5F9;
	--dark--50: #F8FAFC;
	--green: #28CD41;
	--green-border: #ABF5B6;
	--green-bg: #F1FFF6;
	--blue: #007AFF;
	--cyan: #00D4FF;


	--blue-color:var(--blue);
    --light-color:#F8F9FC;
    --text-color:var(--dark-900);
    --link-color:var(--dark-700);
    --gray-color:var(--dark-500);


}

body {
    font-family:var(--primary-font);        
    font-size: 16px;    
    position: relative;
    color:var(--text-color);
    background:var(--light-color);
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.02em;

	font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 120.833%;
	letter-spacing: 0.96px;
}

h1 {
	font-size: 62px;
	font-weight: 700;
}

h2 {		
	font-size: 48px;
	font-weight: 600;
}

h3 {
	font-size: 40px;
	font-weight: 600;
}

h4 {
	font-size: 32px;
	font-weight: 600;
}

h5 {
	font-size: 25px;
	font-weight: 600;
}

h6 {
	font-size: 20px;
	font-weight: 500;
}

span.text-uppercase {
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: 0.56px;
	color: var(--dark-500);
	display: block;
}

span.XSmall {
	color: var(--dark-600);
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 0.56px;
}

.fw-600 {
	font-weight: 600;
}

.text-900 {
	color: var(--dark-900) !important;
}

.text-blue {
	color: var(--blue) !important;
}
.mb-96x {
	margin-bottom: 96px;
}
.mt-128x {
	margin-top: 128px;
}
.mt-72x {
	margin-top: 72px;
}
.mt-56x {
	margin-top: 56px;
}
.mt-32x {
	margin-top: 32px;
}
.mt-24x {
	margin-top: 24px;
}
.border-radius-16x {
	overflow: hidden;
	border-radius: 16px;
}
.border-radius-8x {
	overflow: hidden;
	border-radius: 8px;
}

@media all and (max-width: 480px){
	h1 { font-size: 32px; }

	h2 { font-size: 29px; }

	h3 { font-size: 26px; }

	h4 { font-size: 23px; }

	h5 { font-size: 20px; }

	h6 { font-size: 18px; }
}