/**
 * Syscodes design tokens
 * Source: Blocksy global palette + site CSS (audit 2026).
 * Do not introduce Google Fiber blues.
 */

:root {
 /* Brand palette (Blocksy theme-palette-color-1…8) */
 --sc-color-primary: #f570b0;
 --sc-color-primary-strong: #c8196d;
 --sc-color-primary-deep: #9b0f52;
 --sc-color-primary-soft: #ffcce4;
 --sc-color-primary-mist: #ffd1e6;
 --sc-color-primary-blush: #ffc5e2;
 --sc-color-primary-mid: #e36ba9;

 --sc-color-ink: #0e0c1b;
 --sc-color-text: #24232a;
 --sc-color-muted: #6e6d76;
 --sc-color-border: #dfdfe2;
 --sc-color-surface-1: #f4f4f5;
 --sc-color-surface-2: #fbfbfb;
 --sc-color-white: #ffffff;

 /* Legacy / Elementor accents seen on site (kept available, not forced) */
 --sc-color-kit-accent: #c8196d;
 --sc-color-kit-text: #7a7a7a;
 --sc-color-kit-secondary: #54595f;

 /* Typography, Poppins (Elementor kit system font) */
 --sc-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
 Helvetica, Arial, sans-serif;
 --sc-fw-light: 300;
 --sc-fw-regular: 400;
 --sc-fw-medium: 500;
 --sc-fw-semibold: 600;
 --sc-fw-bold: 700;

 /* Fiber-like type scale (generous, confident) */
 --sc-fs-hero: clamp(2rem, 4.5vw, 3.25rem);
 --sc-fs-h2: clamp(1.65rem, 3vw, 2.5rem);
 --sc-fs-h3: clamp(1.125rem, 1.5vw, 1.35rem);
 --sc-fs-body: 1.0625rem;
 --sc-fs-small: 0.9375rem;
 --sc-lh-tight: 1.08;
 --sc-lh-head: 1.2;
 --sc-lh-body: 1.65;

 /* Layout rhythm */
 --sc-container: 1120px;
 --sc-container-wide: 1280px;
 --sc-gutter: clamp(1.25rem, 4vw, 2rem);
 --sc-section-y: clamp(3.75rem, 8vw, 6rem);
 --sc-radius-sm: 8px;
 --sc-radius-md: 16px;
 --sc-radius-pill: 999px;
 --sc-shadow-soft: 0 12px 40px rgba(14, 12, 27, 0.08);
 --sc-shadow-cta: 0 8px 24px rgba(200, 25, 109, 0.28);

 --sc-ease: cubic-bezier(0.22, 1, 0.36, 1);
 --sc-header-h: 72px;
}

/* Base reset for redesign shell */
.sc-site {
 font-family: var(--sc-font);
 color: var(--sc-color-text);
 background: var(--sc-color-white);
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
}

.sc-site *,
.sc-site *::before,
.sc-site *::after {
 box-sizing: border-box;
}

.sc-container {
 width: min(100% - (var(--sc-gutter) * 2), var(--sc-container));
 margin-inline: auto;
}

.sc-container--wide {
 width: min(100% - (var(--sc-gutter) * 2), var(--sc-container-wide));
 margin-inline: auto;
}

/* Subtle scroll reveal */
.sc-reveal {
 opacity: 0;
 transform: translateY(18px);
 transition: opacity 0.7s var(--sc-ease), transform 0.7s var(--sc-ease);
}

.sc-reveal.is-visible {
 opacity: 1;
 transform: none;
}

.sc-reveal-delay-1 { transition-delay: 0.08s; }
.sc-reveal-delay-2 { transition-delay: 0.16s; }
.sc-reveal-delay-3 { transition-delay: 0.24s; }
.sc-reveal-delay-4 { transition-delay: 0.32s; }

@media (prefers-reduced-motion: reduce) {
 .sc-reveal {
 opacity: 1;
 transform: none;
 transition: none;
 }
}