/**
 * Copyright © Raphaël Castello, 2024
 * Web / contact :  www.sns.pm
 * Script name : root.css
 * Version : 2.2.0
 */

/* Document root VARS */
:root {
	--bkg_html: hsl(36 58% 80% / 1);
	--bkg_buttons: hsl(42 60% 87% / 1);
  --shad_dark: hsl(42deg 10% 60% / 56%);
  --shad_light: hsl(42deg 100% 98%);
  --shad_gray: hsl(42deg 20% 26% / 90%);
	--box_shad_buttons: -6px -6px 14px var(--shad_dark) inset,
    8px 8px 14px var(--shad_light) inset,
    0px 0px 4px -2px var(--shad_gray);
	--box_shad_buttons_hover: 6px 6px 14px var(--shad_dark) inset,
		-6px -6px 14px var(--shad_light) inset,
		0px 0px 2px -2px var(--shad_gray);
	/* --bkg_header: rgb(14, 125, 176); */
	--bkg_menu: hsl(37 60% 75% / 1);
	--bkg_section: rgba(39, 39, 38, 92%);
	--bkg_footer: rgb(49, 47, 45);
	--bkg_code: rgb(40 32 30);
	--color-title: #7636a4;
	--color-text: rgb(61, 61, 61);
	--white: #fff;
	--white-dim: rgb(231, 231, 231);
	--blue: rgb(4 142 205);
	--orange: #d06000;
	--green: #078007;
	--dark-gray: rgb(61, 61, 61);
	--light-gray: #959595;
	--gray: #bbbbbb;
	--black: #000;
	--text-black: #070707;
	--text-dark-gray: #625d59;
	--animate-delay: 0.5s;
	--current-font: 'Inter', system-ui, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	--card: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	--text-decoration: underline solid var(--text-black);
	--decoration-thickness: 0.1px;
	--decoration-offset: 4px;
	--margin-bottom-articles: 4vh;
}