/*
Theme Name: The Buddha Project New
Theme URI: https://thebuddhaproject.eu
Author: THe Buddha Project Team
Author URI: https://thebuddhaproject.eu
Description: A custom theme built for The Buddha Project
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 8.2
Version: 2.0.2
Text Domain: thebuddhaproject
*/

:root {
  /* Tier 1 tokens */
  --tbp-color-black-1: #1c2f1c;
  --tbp-color-black-2: #5c675c;
  --tbp-color-black-3: #899289;
  --tbp-color-black-4: #cad1ca;
  --tbp-color-black-5: #1d1b19;

  --tbp-color-white-1: #fbf8f3;
  --tbp-color-white-2: #f7f6f5;
  --tbp-color-white-3: #f7f1e7;
  --tbp-color-white-4: #f0e8d9;

  --tbp-color-grey-1: #e2e4e7;
  --tbp-color-grey-2: #70706b;
  --tbp-color-grey-3: #e5e0d8;

  --tbp-color-red-1: #9f1917;
  --tbp-color-red-2: #c34d3d;
  --tbp-color-red-3: #dba28d;
  --tbp-color-red-4: #f6d1c3;
  --tbp-color-red-5: #bf2723;

  --tbp-color-brown-1: #5e2625;
  --tbp-color-brown-2: #a16523;
  --tbp-color-brown-3: #695a5a;
  --tbp-color-brown-4: #f0e8d9;
  --tbp-color-brown-5: #e0d2b9;
  --tbp-color-brown-6: #81550e;
  --tbp-color-brown-7: #553f3f;

  --tbp-color-yellow-1: #e5a422;
  --tbp-color-yellow-2: #f6d6a6;
  --tbp-color-yellow-3: #e0d2b9;
  --tbp-color-yellow-4: #e1d4bc;

  --tbp-color-green-1: #52a469;
  --tbp-color-green-2: #8eab92;
  --tbp-color-green-3: #cad1ca;
  --tbp-color-green-4: #c7d4c7;
  --tbp-color-green-5: #3d8651;

  --tbp-color-blue-1: #1d3e91;
  --tbp-color-blue-2: #2668d0;
  --tbp-color-blue-3: #91aee0;
  --tbp-color-blue-4: #d4dffa;
  --tbp-color-blue-5: #eaf0ff;

  --tbp-spacing-1: 4px;
  --tbp-spacing-2: 6px;
  --tbp-spacing-3: 12px;
  --tbp-spacing-4: 14px;
  --tbp-spacing-5: 24px;
  --tbp-spacing-6: 36px;
  --tbp-spacing-7: 42px;
  --tbp-spacing-8: 64px;
  --tbp-spacing-9: 96px;
  --tbp-spacing-10: 128px;
  --tbp-spacing-11: 192px;
  --tbp-spacing-12: 256px;
  --tbp-spacing-13: 384px;
  --tbp-spacing-14: 512px;
  --tbp-spacing-15: 640px;
  --tbp-spacing-16: 768px;

  --tbp-font-family-sans-serif: "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif";
  --tbp-font-family-serif: "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol";
  --tbp-font-family-mono: "Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace";

  --tbp-font-size-1: 8px;
  --tbp-font-size-2: 12px;
  --tbp-font-size-3: 14px;
  --tbp-font-size-4: 16px;
  --tbp-font-size-5: 18px;
  --tbp-font-size-6: 20px;
  --tbp-font-size-7: 24px;
  --tbp-font-size-8: 30px;
  --tbp-font-size-9: 36px;
  --tbp-font-size-10: 48px;
  --tbp-font-size-11: 54px;
  --tbp-font-size-12: 72px;
  --tbp-font-size-13: 104px;

  --tbp-border-radius-1: 8px;
  --tbp-border-radius-2: 16px;
  --tbp-border-radius-full: 999px;

  --tbp-transition: all 0.2s ease-in;

  /* Tier 2 tokens */
  --tbp-spacing-top-offset: 80px;

  --tbp-body-font-color: var(--tbp-color-black-1);
  --tbp-body-font-color-muted: var(--tbp-color-black-3);
  --tbp-typography-body-font-size: 16px;
  --tbp-typography-body-line-height: 1.5;
  --tbp-typography-boddy-letter-spacing: 0.0025em;

  --tbp-typography-h1-font-size: 81px;
  --tbp-typography-h1-line-height: 1.1;
  --tbp-typography-h1-font-weight: 400;
  --tbp-typography-h1-letter-spacing: -0.005em;

  --tbp-typography-h2-font-size: clamp(2.25rem, 1.9548rem + 1.312vw, 3.375rem);
  --tbp-typography-h2-line-height: 1.1;
  --tbp-typography-h2-font-weight: 400;
  --tbp-typography-h2-letter-spacing: -0.0025em;

  --tbp-typography-h3-font-size: 36px;
  --tbp-typography-h3-line-height: 1.1;
  --tbp-typography-h3-font-weight: 400;

  --tbp-typography-h4-font-size: 24px;
  --tbp-typography-h4-line-height: 1.5;
  --tbp-typography-h4-font-weight: 400;

  --tbp-typography-display-font-size: var(--tbp-font-size-13);
  --tbp-typography-display-line-height: 1;

  --tbp-standard-side-spacing: clamp(16px, 3.4052px + 3.4985vw, 64px);

  --tbp-body-bg-color: var(--tbp-color-white-3);

  --tbp-content-side-padding: var(--tbp-spacing-9);
  --tbp-wide-side-padding: var(--tbp-spacing-7);
  --tbp-small-side-padding: var(--tbp-spacing-4);

  /* Tier 3 tokens */

  /* Buttons */
  --tbp-button-color: var(--tbp-color-black);
  --tbp-button-bg-color: var(--tbp-color-orange);
  --tbp-button-padding: var(--tbp-spacing-4) var(--tbp-spacing-6);

  --tbp-button-secondary-bg-color: var(--tbp-color-white);

  /* Hero Component */
  --tbp-hero-content-padding-top: calc(var(--tbp-spacing-top-offset) + 72px);
  --tbp-hero-content-padding-horizontal: 54px;
  --tbp-hero-content-padding-bottom: 108px;

  /* Cards */
  --tbp-card-border-radius: var(--tbp-border-radius-2);
  --tbp-card-side-padding: 16px;
  --tbp-card-header-upper-vertical-padding: 13px;
  --tbp-card-header-lower-vertical-padding: 38px;
}

.gss-button {
  color: var(--tbp-button-color);
  background-color: var(--tbp-button-bg-color);
  padding: var(--tbp-button-padding);
}

.gss-button_secondary {
  background-color: var(--tbp-button-secondard-bg-color);
}