/*
Theme Name: TS3D Salient Child
Description: Custom child theme for Salient with TS3D design system and project-specific overrides.
Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Timotheus Schoenmakers (TS3D)
Author URI: https://3dwebdesign.nl
Template: salient
Version: 0.1.1

Credits: Parent theme "Salient" by ThemeNectar.
*/


/* TS3D Timotehus Schoenmakers 3Dwebdesign v0.1.0 */

/* ==============================
   TS3D Project Settings
   Aanpassen gehele project
   ============================== */
:root {

  /* Families */
  --ts3d-font-body: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --ts3d-font-display: "Cormorant", "Cormorant Garamond", Georgia, serif;

  /* Measures */
  --ts3d-measure-body: 62ch;      /* body copy max width */
  --ts3d-measure-heading: 88ch;   /* headings can be wider */

   /* Layout */
  --ts3d-container-max: 2000px;
  --ts3d-container-padding: clamp(1.5rem, 4vw, 3.5rem);
  --ts3d-heading-outdent: 1.1em; /* headings stick out left a bit */

  /* Body rhythm */
  --ts3d-body-size: 23px;
  --ts3d-body-lh: 1.65;

  /* Spacing / rhythm */
  --ts3d-para-gap: 1.15em;

  /* --ts3d-section-min-height: 115vh; */
  --ts3d-section-padding: 20vh;
  --ts3d-section-gap: clamp(1.5rem, 3vw, 3rem);

  /* Headings scale */
  --ts3d-heading-scale: 1.2;

  /* Headings boven eerst scalen */
  --ts3d-h1-size: clamp(
    calc(70px * var(--ts3d-heading-scale)),
    calc(4.2vw * var(--ts3d-heading-scale)),
    calc(90px * var(--ts3d-heading-scale))
  );

  --ts3d-h2-size: clamp(
    calc(60px * var(--ts3d-heading-scale)),
    calc(3.7vw * var(--ts3d-heading-scale)),
    calc(80px * var(--ts3d-heading-scale))
  );

  --ts3d-h3-size: clamp(
    calc(50px * var(--ts3d-heading-scale)),
    calc(3.15vw * var(--ts3d-heading-scale)),
    calc(70px * var(--ts3d-heading-scale))
  );

  --ts3d-h1-lh: 1.12;
  --ts3d-h2-lh: 1.18;
  --ts3d-h3-lh: 1.28;

  --ts3d-heading-track: 0.012em;  /* Systemic breathing� */

  /* Space onder de headers */
  --rhythm-tight: 0.4em;
  --rhythm-base: 0.6em;
  --rhythm-loose: 1em;

  /* Motion (project-tuned) */
  --ts3d-drift-y: 140px;      /* total upward drift */
  --ts3d-drift-x: 64px;      /* total sideways drift */
  --ts3d-drift-blur: 0px;    /* keep 0 unless you want micro blur */
}