/*
====================================
 Theme Name:   Third Act Partners Theme
 Theme URI:    https://thirdactpartners.com
 Description:  TAP Generate Press Child Theme
 Author:       Mike Johnston
 Author URI:   https://thirdactpartners.com	
 Template:     generatepress
 Version:      0.1
====================================
*/

/* Color Variables - From Chris Fernandi, https://gomakethings.com/generative-colors-with-css/ */

:root {
	--color1: #00aef3;
    --color1-05: oklch(from var(--color1) 18.5% calc(0.08 * (c / .2)) h);
	--color1-10: oklch(from var(--color) 24% calc(0.1 * (c / .2)) h);
	--color1-20: oklch(from var(--color) 32.5% calc(0.135 * (c / .2)) h);
	--color1-30: oklch(from var(--color) 40% calc(0.16 * (c / .2)) h);
	--color1-40: oklch(from var(--color) 45% calc(0.185 * (c / .2)) h);
	--color1-50: oklch(from var(--color) 57% calc(0.2 * (c / .2)) h);
	--color1-60: oklch(from var(--color) 67% calc(0.175 * (c / .2)) h);
	--color1-70: oklch(from var(--color) 75% calc(0.13 * (c / .2)) h);
	--color1-80: oklch(from var(--color) 83.5% calc(0.085 * (c / .2)) h);
	--color1-90: oklch(from var(--color) 92% calc(0.04 * (c / .2)) h);
	--color1-95: oklch(from var(--color) 96% calc(0.02 * (c / .2)) h);

	--color2: #A7D1FE;
	--color3: #F7F9FF;
	--color4: #FE9C34;
	--color5: #FFDDAB;
	
	--color: #007ab7;
  --color-05: oklch(from var(--color) 18.5% c h);
  --color-10: oklch(from var(--color) 24% c h);
  --color-20: oklch(from var(--color) 32.5% c h);
  --color-30: oklch(from var(--color) 40% c h);
  --color-40: oklch(from var(--color) 45% c h);
  --color-50: oklch(from var(--color) 57% c h);
  --color-60: oklch(from var(--color) 67% c h);
  --color-70: oklch(from var(--color) 75% c h);
  --color-80: oklch(from var(--color) 83.5% c h);
  --color-90: oklch(from var(--color) 92% c h);
  --color-95: oklch(from var(--color) 96% c h);
  
  /* Democrat from https://maketintsandshades.com/#colors=00aef3&hashtag=0&steps=10 */
  --democrat-base: #00aef3;
  --democrat-shade-100: #009ddb;
  --democrat-shade-200: #008bc2;
  --democrat-shade-300: #007aaa;
  --democrat-shade-400: #006892;
  --democrat-shade-500: #00577a;
  --democrat-shade-600: #004661;
  --democrat-shade-700: #003449;
  --democrat-shade-800: #002331;
  --democrat-shade-900: #001118;
  --democrat-tint-100: #1ab6f4;
  --democrat-tint-200: #33bef5;
  --democrat-tint-300: #4dc6f7;
  --democrat-tint-400: #66cef8;
  --democrat-tint-500: #80d7f9;
  --democrat-tint-600: #99dffa;
  --democrat-tint-700: #b3e7fb;
  --democrat-tint-800: #cceffd;
  --democrat-tint-900: #e6f7fe;
}

/* =========================
   TYPOGRAPHY
========================= */

/* Font Family Utilities */
.ff-body {
    font-family: var(--gp-font--body);
}

.ff-heading {
    font-family: var(--gp-font--headings);
}

/* Heading and utility class font assignment */
h1, h2, h3, h4, h5, h6,
[class^="fs-"] {
    font-family: var(--gp-font--headings);
}

.fs-p {
    font-family: var(--gp-font--body);
}


/* =========================
   FLUID TYPOGRAPHY SCALE
   Source: https://theadminbar.com/simple-responsive-font-size-calculator/
   Updated h1 - h6, 1/23/26
   Added line-height & letter-spacing 1/28/26	
========================= */

h1,
.fs-h1 {
    font-size: clamp(3rem, 2.7273rem + 1.0909vi, 3.6rem);
	font-family: var(--gp-font--headings);
	line-height: 1.0;
	letter-spacing: -0.02em;
}

h2,
.fs-h2 {
    font-size: clamp(2.25rem, 2.0455rem + 0.8182vi, 2.7rem);
	font-family: var(--gp-font--headings);
	line-height: 1.1;
	letter-spacing: -0.0175em;
}

h3,
.fs-h3 {
    font-size: clamp(1.875rem, 1.7045rem + 0.6818vi, 2.25rem);
	font-family: var(--gp-font--headings);
	line-height: 1.2;
	letter-spacing: -0.015em;
}

h4,
.fs-h4 {
    font-size: clamp(1.5rem, 1.3636rem + 0.5455vi, 1.8rem);
	font-family: var(--gp-font--headings);
	line-height: 1.3;
	letter-spacing: -0.0125em;
}

h5,
.fs-h5 {
    font-size: clamp(1.25rem, 1.1364rem + 0.4545vi, 1.5rem);
	font-family: var(--gp-font--headings);
	line-height: 1.4;
	letter-spacing: -0.01em;
}

h6,
.fs-h6 {
    font-size: font-size: clamp(1.125rem, 1.0227rem + 0.4091vi, 1.35rem);
	font-family: var(--gp-font--headings);
	line-height: 1.5;
	letter-spacing: -0.005em;
}

p,
.fs-p {
/*    font-size: clamp(0.9375rem, 0.8523rem + 0.3409vw, 1.125rem);  1/21/26 */
	font-size: clamp(1.0rem, 1.5rem, 2.0rem);
}