/* IND Construction - Cynthia Beltra Landing Page Styles */

/* --- Token: fonts.css --- */
/* Google Fonts substitutes — matched from marketing pieces. Replace with licensed files if IND provides them. */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,700;1,800&display=swap");


/* --- Token: colors.css --- */
:root{
/* Brand — sampled from logo + marketing */
--ind-yellow:#FFCE07;--ind-yellow-600:#EBBC00;--ind-yellow-100:#FFF4C2;
--ind-red:#F04B23;--ind-red-600:#D63C17;
--ind-charcoal:#424143;--ind-ink:#1F1D1E;--ind-night:#16181C;
/* Warm neutrals */
--ind-white:#FFFFFF;--ind-stone-50:#F7F5F2;--ind-stone-100:#EFEBE6;--ind-stone-200:#E2DDD6;--ind-stone-400:#A9A39C;--ind-stone-600:#6E6964;
/* Semantic */
--fg-1:var(--ind-ink);--fg-2:var(--ind-charcoal);--fg-3:var(--ind-stone-600);--fg-inverse:var(--ind-white);
--fg-accent:var(--ind-yellow);--fg-heart:var(--ind-red);
--surface-page:var(--ind-white);--surface-alt:var(--ind-stone-50);--surface-card:var(--ind-white);--surface-dark:var(--ind-night);--surface-dark-2:#24262B;
--border-1:var(--ind-stone-200);--border-2:var(--ind-stone-100);--border-on-dark:rgba(255,255,255,.35);
--cta-bg:var(--ind-yellow);--cta-bg-hover:var(--ind-yellow-600);--cta-fg:var(--ind-ink);
--overlay-photo:linear-gradient(180deg,rgba(14,16,20,.15) 0%,rgba(14,16,20,.55) 55%,rgba(14,16,20,.85) 100%);/* @kind color */
--overlay-scrim:rgba(14,16,20,.55);
--success:#2E7D4F;--error:#C8341A;
}


/* --- Token: typography.css --- */
:root{
--font-display:"Playfair Display",Georgia,serif;
--font-serif:"Noto Serif",Georgia,serif;
--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
--fs-display-xl:88px;--fs-display-l:64px;--fs-display-m:48px;--fs-h2:36px;--fs-h3:26px;--fs-h4:20px;
--fs-body-l:19px;--fs-body:16px;--fs-small:14px;--fs-eyebrow:13px;
--lh-tight:1.05;/* @kind font */--lh-heading:1.15;/* @kind font */--lh-body:1.6;/* @kind font */
--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:800;/* @kind font */
--tracking-eyebrow:.18em;/* @kind font */--tracking-button:.08em;/* @kind font */--tracking-display:-.01em;/* @kind font */
--text-display:var(--fw-bold) var(--fs-display-l)/var(--lh-tight) var(--font-display);
--text-heading:var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-serif);
--text-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
}


/* --- Token: spacing.css --- */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container:1200px;/* @kind spacing */--container-wide:1360px;/* @kind spacing */--gutter:24px;/* @kind spacing */
--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-pill:999px;
--rule-accent:2px solid var(--ind-yellow);/* @kind other */--rule-hair:1px solid var(--border-1);/* @kind other */
--shadow-1:0 1px 2px rgba(20,18,16,.06),0 2px 8px rgba(20,18,16,.06);
--shadow-2:0 12px 32px rgba(20,18,16,.14);
--shadow-text:0 2px 12px rgba(0,0,0,.35);
--ease-out:cubic-bezier(.22,.61,.36,1);/* @kind other */--dur-fast:150ms;/* @kind other */--dur-base:250ms;/* @kind other */--dur-slow:600ms;/* @kind other */
}


/* --- Token: base.css --- */
html,body{margin:0}
body{font:var(--text-body);color:var(--fg-1);background:var(--surface-page);-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--fg-1);text-decoration-color:var(--ind-yellow);text-underline-offset:3px}
a:hover{color:var(--ind-charcoal)}
h1,h2,h3,h4{text-wrap:balance;margin:0}
p{text-wrap:pretty}