/* Hitarth Event — design tokens
   Ported from the UI reference design system (colors / typography / spacing / base). */

/* ---------- Fonts ---------- */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url('https://fonts.gstatic.com/s/playfairdisplay/v37/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;src:url('https://fonts.gstatic.com/s/playfairdisplay/v37/nuFRD-vYSZviVYUb_rj3ij__anPXDTLYnQ.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2') format('woff2');}

:root{
  /* ---------- Color ---------- */
  --color-burgundy:#7A1F2B;
  --color-burgundy-dark:#54131D;
  --color-gold:#C99A4A;
  --color-gold-light:#E3C78A;
  --color-ivory:#FFF9F2;
  --color-beige:#F6EEE4;
  --color-white:#FFFFFF;
  --color-text:#251A17;
  --color-text-secondary:#6F625D;
  --color-footer:#241714;
  --color-border:rgba(70,45,35,0.12);
  --color-success:#3F6B4A;
  --color-warning:#B9822E;
  --color-danger:#9A2E2E;

  --surface-page:var(--color-ivory);
  --surface-card:var(--color-white);
  --surface-sunken:var(--color-beige);
  --surface-inverse:var(--color-footer);
  --text-primary:var(--color-text);
  --text-secondary:var(--color-text-secondary);
  --text-on-dark:var(--color-ivory);
  --text-on-dark-secondary:rgba(255,249,242,0.7);
  --accent-primary:var(--color-burgundy);
  --accent-primary-hover:var(--color-burgundy-dark);
  --accent-gold:var(--color-gold);
  --border-subtle:var(--color-border);
  --border-on-dark:rgba(255,249,242,0.14);

  /* ---------- Typography ---------- */
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-body:'Inter','Segoe UI',sans-serif;

  --text-hero:clamp(42px,6vw,84px);
  --text-h1:clamp(34px,4vw,58px);
  --text-h2:clamp(28px,3vw,42px);
  --text-h3:clamp(22px,2.2vw,30px);
  --text-lead:clamp(18px,1.6vw,22px);
  --text-body:17px;
  --text-small:14px;
  --text-caption:12px;

  --leading-tight:1.1;
  --leading-snug:1.25;
  --leading-normal:1.5;
  --leading-relaxed:1.75;

  --tracking-tight:-0.01em;
  --tracking-normal:0;
  --tracking-wide:0.06em;
  --tracking-wider:0.14em;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* ---------- Spacing & shape ---------- */
  --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;
  --space-section:clamp(64px,10vw,140px);
  --container-max:1240px;
  --container-pad:clamp(20px,5vw,64px);

  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-pill:999px;

  --shadow-sm:0 2px 8px rgba(37,26,23,0.06);
  --shadow-md:0 8px 24px rgba(37,26,23,0.10);
  --shadow-lg:0 24px 60px rgba(37,26,23,0.16);
  --shadow-gold-glow:0 0 0 1px rgba(201,154,74,0.35);

  --ease-standard:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --duration-fast:180ms;
  --duration-base:320ms;
  --duration-slow:640ms;
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0;
  background:var(--surface-page);
  color:var(--text-primary);
  font-family:var(--font-body);
  font-size:var(--text-body);
  line-height:var(--leading-normal);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;color:var(--text-primary);letter-spacing:var(--tracking-tight)}
p{margin:0}
a{color:var(--accent-primary);text-decoration:none}
a:hover{color:var(--accent-primary-hover)}
img,video{display:block;max-width:100%}
button{font-family:inherit}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms!important;transition-duration:0.001ms!important}}
