﻿/* ParaCommons base styles extracted from style.css */

/*
Theme Name: SocialV Child
Template: socialv
Version: 1.0.0
Description: Child theme customizations for ParaCommons.
*/

:root {
	--paracommons-page-bg: #fefbf8;
	--paracommons-surface-bg: rgba(255, 252, 246, 0.92);
	--paracommons-surface-strong: #fefbf8;
	--paracommons-surface-soft: rgba(255, 255, 255, 0.84);
	--paracommons-text: #46362d;
	--paracommons-text-muted: #6a5a4d;
	--paracommons-border: rgba(120, 96, 79, 0.12);
	--paracommons-border-strong: rgba(120, 96, 79, 0.18);
	--paracommons-heading-font: "Caveat", cursive;
	--paracommons-body-font: "Patrick Hand", cursive;
	--paracommons-radius: 10px;
	--paracommons-space-xs: 0.25rem;
	--paracommons-space-sm: 0.5rem;
	--paracommons-space-md: 0.85rem;
	--paracommons-space-lg: 1.1rem;
	--paracommons-space-xl: 1.5rem;
	--paracommons-accent-sage: #8aa574;
	--paracommons-accent-moss: #6e8f6b;
	--paracommons-accent-sky: #8bb3d6;
	--paracommons-accent-lilac: #b9a7e8;
	--paracommons-accent-blush: #e7a1a0;
	--paracommons-accent-apricot: #efb37c;
	--paracommons-accent-cream: #e8d4b2;
	--paracommons-accent-rose: #c67768;
	--paracommons-ink: #46362d;
	--paracommons-ink-muted: #6a5a4d;
	--paracommons-surface: rgba(255, 252, 246, 0.92);
	--paracommons-surface-strong: #fefbf8;
	--paracommons-surface-soft: rgba(255, 255, 255, 0.84);
	--paracommons-color-accent: var(--paracommons-accent-sage);
	--paracommons-color-bg: #f6f1e8;
	--paracommons-color-surface: rgba(255, 255, 255, 0.74);
	--paracommons-color-ink: var(--paracommons-ink-muted);
	--paracommons-group-accent: var(--paracommons-color-accent);
	--paracommons-group-bg: var(--paracommons-color-bg);
	--paracommons-group-surface: var(--paracommons-color-surface);
	--paracommons-group-ink: var(--paracommons-color-ink);
	--bbp-group-accent: var(--paracommons-group-accent);
	--bbp-group-bg: var(--paracommons-group-bg);
	--bbp-group-surface: var(--paracommons-group-surface);
	--bbp-group-ink: var(--paracommons-group-ink);
	--color-theme-primary: var(--paracommons-accent-sage);
}

body {
	font-family: var(--paracommons-body-font) !important;
	font-size: 18px;
	line-height: 1.65;
	color: var(--paracommons-text);
	background: var(--paracommons-page-bg);
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.widget-title,
.paracommons-section-page__title,
.paracommons-paraself-registration__title,
.paracommons-paraself-registration__step-tape,
.paracommons-paraself-registration__choice-label,
.paracommons-paraself-registration__preview-vibe,
.paracommons-paraself-registration__submit {
	font-family: var(--paracommons-heading-font);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .site-title,
body .entry-title,
body .widget-title,
body .paracommons-section-page__title,
body .paracommons-paraself-registration__title,
body .paracommons-paraself-registration__step-tape,
body .paracommons-paraself-registration__choice-label,
body .paracommons-paraself-registration__preview-vibe,
body .paracommons-paraself-registration__submit {
	font-family: var(--paracommons-heading-font) !important;
	font-stretch: normal;
	letter-spacing: normal;
	text-transform: none;
}

h1 {
	font-size: 2.9rem;
	line-height: 1;
}

h2 {
	font-size: 2.35rem;
	line-height: 1.02;
}

h3 {
	font-size: 1.9rem;
	line-height: 1.05;
}

h4 {
	font-size: 1.55rem;
	line-height: 1.08;
}

h5 {
	font-size: 1.25rem;
	line-height: 1.1;
}

h6 {
	font-size: 1.05rem;
	line-height: 1.15;
}

