:root {
    --wp--preset--color--primary: #353535;
    --wp--preset--color--primary-light: #515151;
    --wp--preset--color--secondary: #464646;
    --wp--preset--color--contrast: #000;
    --wp--preset--color--midtone: gray;
    --wp--preset--color--base: #fff;
    --wp--preset--color--base-variant: #f3f3f3;

    --primary: var(--wp--preset--color--primary);
    --secondary: var(--wp--preset--color--secondary);
    --contrast: var(--wp--preset--color--contrast);
    --midtone: var(--wp--preset--color--midtone);
    --base: var(--wp--preset--color--base);
    --base-variant: var(--wp--preset--color--base-variant);
    --wp--preset--gradient--primary-gradient: linear-gradient(to right, var(--primary) 0%, var(--midtone) 100%);

    --facebook: #000000;
    --x: #333333;
    --linkedin: #000000;
    --mail: #555555;
}

.is-style-section-speech-bubble {
    --speech-gradient: linear-gradient(90deg, var(--primary) 0, var(--primary) max(57px, 20%), var(--midtone) 60%, var(--secondary) 100%);
}

img,
video,
svg,
.firan-case-image,
.timeline-item:not(:last-child)::after,
.wp-block-image img {
    filter: grayscale(1) contrast(1.25);
}

input::placeholder,
textarea::placeholder {
    color: #333333;
    opacity: 1;
}


.is-style-section-primary .is-style-section-speech-bubble,
.is-style-section-secondary .is-style-section-speech-bubble,
.is-style-section-contrast .is-style-section-speech-bubble {
  --speech-gradient: linear-gradient(
    90deg,
    var(--base-variant) 0,
    var(--base-variant) max(57px, 20%),
    color-mix(in srgb, var(--base-variant) 85%, var(--secondary) 15%) 60%,
    color-mix(in srgb, var(--base-variant) 70%, var(--secondary) 30%) 100%
  );
}