/* Color tokens */
:root {
  --in-color-White: #ffffff;
  --in-color-Black: #1e1e1e;
  --in-color-Primary: #c33329;
  --in-color-Primary-Tint: #d94f4b;
  --in-color-Primary-Shade: #a52a2a;
  --in-color-Primary-Contrast: #ffffff;
  --in-color-Primary-50: #fdebed;
  --in-color-Primary-100: #fad6d9;
  --in-color-Primary-200: #f3c2c4;
  --in-color-Primary-300: #ecadae;
  --in-color-Primary-400: #e59997;
  --in-color-Primary-500: #c33329;
  --in-color-Primary-600: #af2d24;
  --in-color-Primary-700: #9a2820;
  --in-color-Primary-800: #711d17;
  --in-color-Primary-900: #47110e;
  --in-color-Primary-950: #1e0705;
  --in-color-Secondary: #222d3f;
  --in-color-Secondary-Tint: #4e5765;
  --in-color-Secondary-Shade: #1b2432;
  --in-color-Secondary-Contrast: #ffffff;
  --in-color-Secondary-50: #eff2f5;
  --in-color-Secondary-100: #d6dce4;
  --in-color-Secondary-200: #b0bacd;
  --in-color-Secondary-300: #7c8cae;
  --in-color-Secondary-400: #485a80;
  --in-color-Secondary-500: #222d3f;
  --in-color-Secondary-600: #1f293a;
  --in-color-Secondary-700: #182433;
  --in-color-Secondary-800: #171f2c;
  --in-color-Secondary-900: #141a26;
  --in-color-Secondary-950: #10151f;
  --in-color-Danger: #b91c1c;
  --in-color-Danger-Tint: #c74949;
  --in-color-Danger-Shade: #941616;
  --in-color-Danger-Contrast: #fbe8e8;
  --in-color-Danger-50: #fdf2f2;
  --in-color-Danger-100: #f7caca;
  --in-color-Danger-200: #ef9f9f;
  --in-color-Danger-500: #b91c1c;
  --in-color-Danger-950: #450a0a;
  --in-color-Warning: #ffb703;
  --in-color-Warning-Tint: #ffc535;
  --in-color-Warning-Shade: #cc9202;
  --in-color-Warning-Contrast: #fffbe6;
  --in-color-Warning-50: #fff9e6;
  --in-color-Warning-100: #ffe7a1;
  --in-color-Warning-200: #ffd25b;
  --in-color-Warning-500: #ffb703;
  --in-color-Warning-950: #4d3800;
  --in-color-Success: #4caa55;
  --in-color-Success-Tint: #70b477;
  --in-color-Success-Shade: #3d8144;
  --in-color-Success-Contrast: #edf6ee;
  --in-color-Success-50: #eff8f0;
  --in-color-Success-100: #c6e6ca;
  --in-color-Success-200: #98d09e;
  --in-color-Success-500: #4caa55;
  --in-color-Success-950: #102713;
  --in-color-Info: #1c78aa;
  --in-color-Info-Tint: #4993bb;
  --in-color-Info-Shade: #166088;
  --in-color-Info-Contrast: #ebf2f7;
  --in-color-Info-50: #eef7fb;
  --in-color-Info-100: #bfd9e8;
  --in-color-Info-200: #89bad5;
  --in-color-Info-500: #1c78aa;
  --in-color-Info-950: #0a3145;
  --in-color-Light: #c2c2c2;
  --in-color-Light-50: #f8f8f8;
  --in-color-Light-100: #ededed;
  --in-color-Light-200: #e2e2e2;
  --in-color-Light-300: #d7d7d7;
  --in-color-Light-400: #cdcdcd;
  --in-color-Light-500: #c2c2c2;
  --in-color-Light-600: #b7b7b7;
  --in-color-Light-700: #acacac;
  --in-color-Light-800: #a1a1a1;
  --in-color-Light-900: #969696;
  --in-color-Light-950: #8b8b8b;
  --in-color-Dark: #4a4a4a;
  --in-color-Dark-50: #818181;
  --in-color-Dark-100: #767676;
  --in-color-Dark-200: #6b6b6b;
  --in-color-Dark-300: #606060;
  --in-color-Dark-400: #555555;
  --in-color-Dark-500: #4a4a4a;
  --in-color-Dark-600: #3f3f3f;
  --in-color-Dark-700: #353535;
  --in-color-Dark-800: #2a2a2a;
  --in-color-Dark-900: #1f1f1f;
  --in-color-Dark-950: #141414;
}

/* Spacing tokens */
:root {
  --in-space-1: 0.25rem;
  --in-space-2: 0.5rem;
  --in-space-3: 0.75rem;
  --in-space-4: 1rem;
  --in-space-5: 1.5rem;
  --in-space-6: 2rem;
  --in-space-7: 3rem;
  --in-space-8: 4rem;
}

/* Radius tokens */
:root {
  --in-radius-sm: 0.5rem;
  --in-radius-md: 0.75rem;
  --in-radius-lg: 1rem;
  --in-radius-xl: 1.5rem;
}

/* Shadow tokens */
:root {
  --in-shadow-1: 0 3px 6px rgba(0, 0, 0, 0.04);
  --in-shadow-2: 0 5px 10px rgba(0, 0, 0, 0.06);
  --in-shadow-3: 0 8px 16px rgba(0, 0, 0, 0.08);
  --in-shadow-4: 0 12px 24px rgba(0, 0, 0, 0.1);
  --in-shadow-5: 0 16px 32px rgba(0, 0, 0, 0.12);
}

/* Typography tokens */
:root {
  --in-font-family-body: DM Sans, sans-serif;
  --in-font-family-heading: Anek Bangla, sans-serif;
  --in-font-weight-light: 300;
  --in-font-weight-regular: 400;
  --in-font-weight-medium: 500;
  --in-font-weight-bold: 700;
  --in-line-height-heading: 1;
  --in-line-height-body: 1.7;
  --in-font-size-body-sm: 0.875rem;
  --in-font-size-body: 1rem;
  --in-font-size-body-lg: 1.125rem;
  --in-font-size-h1-mobile: 1.75rem;
  --in-font-size-h1-tablet: 2.25rem;
  --in-font-size-h1-desktop: 2.75rem;
  --in-font-size-h2-mobile: 1.625rem;
  --in-font-size-h2-tablet: 2rem;
  --in-font-size-h2-desktop: 2.5rem;
  --in-font-size-h3-mobile: 1.5rem;
  --in-font-size-h3-tablet: 1.75rem;
  --in-font-size-h3-desktop: 2.25rem;
  --in-font-size-h4-mobile: 1.25rem;
  --in-font-size-h4-tablet: 1.5rem;
  --in-font-size-h4-desktop: 2rem;
  --in-font-size-h5-mobile: 1.125rem;
  --in-font-size-h5-tablet: 1.25rem;
  --in-font-size-h5-desktop: 1.75rem;
  --in-font-size-h6-mobile: 1rem;
  --in-font-size-h6-tablet: 1rem;
  --in-font-size-h6-desktop: 1.5rem;
}

/* Container tokens */
:root {
  --in-container-max-width: 1200px;
  --in-container-max-width-wide: 1440px;
  --in-container-padding-mobile: 1rem;
  --in-container-padding-tablet: 1.5rem;
  --in-container-padding-desktop: 2rem;
}

/* Section padding tokens */
:root {
  --in-section-padding-top-mobile: 0px;
  --in-section-padding-top-tablet: var(--in-section-padding-top-mobile);
  --in-section-padding-top-desktop: var(--in-section-padding-top-tablet);
  --in-section-padding-bottom-mobile: 0px;
  --in-section-padding-bottom-tablet: var(--in-section-padding-bottom-mobile);
  --in-section-padding-bottom-desktop: var(--in-section-padding-bottom-tablet);
}

/* Block height tokens */
:root {
  --in-block-height-mobile: 0px;
  --in-block-height-tablet: var(--in-block-height-mobile);
  --in-block-height-desktop: var(--in-block-height-tablet);
}

/* Button component tokens */
:root {
  --in-button-gap-sm: 0.375rem;
  --in-button-gap: 0.5rem;
  --in-button-gap-lg: 0.875rem;
  --in-button-padding-y-sm: 0.25rem;
  --in-button-padding-x-sm: 0.625rem;
  --in-button-padding-y: 0.625rem;
  --in-button-padding-x: 1rem;
  --in-button-padding-y-lg: 0.875rem;
  --in-button-padding-x-lg: 1.5rem;
  --in-button-radius-sm: 0.5rem;
  --in-button-radius: 0.75rem;
  --in-button-radius-lg: 0.75rem;
  --in-button-font-size-sm: 0.75rem;
  --in-button-font-size: 0.875rem;
  --in-button-font-size-lg: 1rem;
  --in-button-font-family: var(--in-font-family-body);
  --in-button-font-weight: var(--in-font-weight-bold);
  --in-button-line-height: 1.2;
  --in-button-border-width: 1px;
  --in-button-focus-ring-width: 2px;
  --in-button-focus-ring-offset: 2px;
  --in-button-transition-duration: 240ms;
  --in-button-hover-scale: 1.03;
  --in-button-hover-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
  --in-button-hover-shadow-soft: 0 4px 8px rgba(0, 0, 0, 0.08);
  --in-button-disabled-opacity: 0.5;
  --in-button-focus-ring-color: var(--in-color-Primary);
  --in-button-primary-bg: var(--in-color-Primary);
  --in-button-primary-fg: var(--in-color-Primary-Contrast);
  --in-button-primary-border: var(--in-color-Primary);
  --in-button-primary-hover-bg: var(--in-color-White);
  --in-button-primary-hover-fg: var(--in-color-Primary);
  --in-button-primary-hover-border: var(--in-color-Primary-200);
  --in-button-primary-outline-hover-border: var(--in-color-Primary-100);
  --in-button-secondary-bg: var(--in-color-Secondary);
  --in-button-secondary-fg: var(--in-color-Secondary-Contrast);
  --in-button-secondary-border: var(--in-color-Secondary);
  --in-button-secondary-hover-bg: var(--in-color-White);
  --in-button-secondary-hover-fg: var(--in-color-Secondary);
  --in-button-secondary-hover-border: var(--in-color-Secondary-200);
  --in-button-secondary-outline-hover-border: var(--in-color-Secondary-100);
  --in-button-danger-bg: var(--in-color-Danger);
  --in-button-danger-fg: var(--in-color-Danger-Contrast);
  --in-button-danger-border: var(--in-color-Danger);
  --in-button-danger-hover-bg: var(--in-color-White);
  --in-button-danger-hover-fg: var(--in-color-Danger);
  --in-button-danger-hover-border: var(--in-color-Danger-200);
  --in-button-danger-outline-hover-border: var(--in-color-Danger-100);
  --in-button-warning-bg: var(--in-color-Warning);
  --in-button-warning-fg: var(--in-color-Warning-Contrast);
  --in-button-warning-border: var(--in-color-Warning);
  --in-button-warning-hover-bg: var(--in-color-White);
  --in-button-warning-hover-fg: var(--in-color-Warning);
  --in-button-warning-hover-border: var(--in-color-Warning-200);
  --in-button-warning-outline-hover-border: var(--in-color-Warning-100);
  --in-button-success-bg: var(--in-color-Success);
  --in-button-success-fg: var(--in-color-Success-Contrast);
  --in-button-success-border: var(--in-color-Success);
  --in-button-success-hover-bg: var(--in-color-White);
  --in-button-success-hover-fg: var(--in-color-Success);
  --in-button-success-hover-border: var(--in-color-Success-200);
  --in-button-success-outline-hover-border: var(--in-color-Success-100);
  --in-button-info-bg: var(--in-color-Info);
  --in-button-info-fg: var(--in-color-Info-Contrast);
  --in-button-info-border: var(--in-color-Info);
  --in-button-info-hover-bg: var(--in-color-White);
  --in-button-info-hover-fg: var(--in-color-Info);
  --in-button-info-hover-border: var(--in-color-Info-200);
  --in-button-info-outline-hover-border: var(--in-color-Info-100);
  --in-button-white-bg: var(--in-color-White);
  --in-button-white-fg: var(--in-color-Black);
  --in-button-white-border: var(--in-color-Light-100);
  --in-button-white-hover-bg: var(--in-color-Light-50);
  --in-button-white-hover-fg: var(--in-color-Dark-700);
  --in-button-white-hover-border: var(--in-color-Light-300);
  --in-button-white-outline-hover-border: var(--in-color-Light-200);
  --in-button-black-bg: var(--in-color-Black);
  --in-button-black-fg: var(--in-color-White);
  --in-button-black-border: var(--in-color-Black);
  --in-button-black-hover-bg: var(--in-color-White);
  --in-button-black-hover-fg: var(--in-color-Black);
  --in-button-black-hover-border: var(--in-color-Dark-200);
  --in-button-black-outline-hover-border: var(--in-color-Dark-100);
  --in-button-light-bg: var(--in-color-Light-100);
  --in-button-light-fg: var(--in-color-Dark-500);
  --in-button-light-border: var(--in-color-Light-300);
  --in-button-light-hover-bg: var(--in-color-White);
  --in-button-light-hover-fg: var(--in-color-Black);
  --in-button-light-hover-border: var(--in-color-Light-100);
  --in-button-light-outline-hover-border: var(--in-color-Light-100);
  --in-button-dark-bg: var(--in-color-Dark-500);
  --in-button-dark-fg: var(--in-color-White);
  --in-button-dark-border: var(--in-color-Dark-500);
  --in-button-dark-hover-bg: var(--in-color-White);
  --in-button-dark-hover-fg: var(--in-color-Dark-500);
  --in-button-dark-hover-border: var(--in-color-Dark-200);
  --in-button-dark-outline-hover-border: var(--in-color-Dark-100);
}

/* Cards component tokens */
:root {
  --in-cards-padding-mobile: var(--in-space-4);
  --in-cards-padding-tablet: var(--in-space-5);
  --in-cards-padding-desktop: var(--in-space-6);
  --in-cards-border-radius: var(--in-radius-md);
  --in-cards-border-color: var(--in-color-Light-300);
}

/* Display component tokens */
:root {
  --in-display-content-gap: var(--in-space-5);
  --in-display-column-gap: var(--in-space-6);
}

/* Gallery component tokens */
:root {
  --in-gallery-gap-mobile: var(--in-space-4);
  --in-gallery-gap-tablet: var(--in-space-5);
  --in-gallery-gap-desktop: var(--in-space-6);
}

/* Icon component tokens */
:root {
  --in-icon-size: 1.25rem;
  --in-icon-color: var(--in-color-Dark-200);
}

/* Pill component tokens */
:root {
  --in-pill-gap-sm: 0.25rem;
  --in-pill-gap: 0.375rem;
  --in-pill-gap-lg: 0.5rem;
  --in-pill-padding-y-sm: 0.125rem;
  --in-pill-padding-x-sm: 0.5rem;
  --in-pill-padding-y: 0.25rem;
  --in-pill-padding-x: 0.75rem;
  --in-pill-padding-y-lg: 0.375rem;
  --in-pill-padding-x-lg: 1rem;
  --in-pill-radius-sm: 999px;
  --in-pill-radius: 999px;
  --in-pill-radius-lg: 999px;
  --in-pill-font-size-sm: 0.5rem;
  --in-pill-font-size: 0.75rem;
  --in-pill-font-size-lg: 1rem;
  --in-pill-font-family: var(--in-font-family-body);
  --in-pill-font-weight: var(--in-font-weight-bold);
  --in-pill-line-height: 1.2;
  --in-pill-border-width: 1px;
  --in-pill-focus-ring-width: 2px;
  --in-pill-focus-ring-offset: 2px;
  --in-pill-focus-ring-color: var(--in-color-Primary);
  --in-pill-transition-duration: 180ms;
  --in-pill-disabled-opacity: 0.55;
  --in-pill-primary-bg: var(--in-color-Primary-50);
  --in-pill-primary-fg: var(--in-color-Primary);
  --in-pill-primary-border: var(--in-color-Primary-100);
  --in-pill-primary-hover-bg: var(--in-color-Primary-100);
  --in-pill-primary-hover-fg: var(--in-color-Primary-Shade);
  --in-pill-primary-hover-border: var(--in-color-Primary-200);
  --in-pill-secondary-bg: var(--in-color-Secondary-50);
  --in-pill-secondary-fg: var(--in-color-Secondary);
  --in-pill-secondary-border: var(--in-color-Secondary-100);
  --in-pill-secondary-hover-bg: var(--in-color-Secondary-100);
  --in-pill-secondary-hover-fg: var(--in-color-Secondary-Shade);
  --in-pill-secondary-hover-border: var(--in-color-Secondary-200);
  --in-pill-danger-bg: var(--in-color-Danger-50);
  --in-pill-danger-fg: var(--in-color-Danger);
  --in-pill-danger-border: var(--in-color-Danger-100);
  --in-pill-danger-hover-bg: var(--in-color-Danger-100);
  --in-pill-danger-hover-fg: var(--in-color-Danger-Shade);
  --in-pill-danger-hover-border: var(--in-color-Danger-200);
  --in-pill-warning-bg: var(--in-color-Warning-50);
  --in-pill-warning-fg: var(--in-color-Warning-950);
  --in-pill-warning-border: var(--in-color-Warning-100);
  --in-pill-warning-hover-bg: var(--in-color-Warning-100);
  --in-pill-warning-hover-fg: var(--in-color-Warning-950);
  --in-pill-warning-hover-border: var(--in-color-Warning-200);
  --in-pill-success-bg: var(--in-color-Success-50);
  --in-pill-success-fg: var(--in-color-Success);
  --in-pill-success-border: var(--in-color-Success-100);
  --in-pill-success-hover-bg: var(--in-color-Success-100);
  --in-pill-success-hover-fg: var(--in-color-Success-Shade);
  --in-pill-success-hover-border: var(--in-color-Success-200);
  --in-pill-info-bg: var(--in-color-Info-50);
  --in-pill-info-fg: var(--in-color-Info);
  --in-pill-info-border: var(--in-color-Info-100);
  --in-pill-info-hover-bg: var(--in-color-Info-100);
  --in-pill-info-hover-fg: var(--in-color-Info-Shade);
  --in-pill-info-hover-border: var(--in-color-Info-200);
  --in-pill-white-bg: var(--in-color-White);
  --in-pill-white-fg: var(--in-color-Black);
  --in-pill-white-border: var(--in-color-Light-200);
  --in-pill-white-hover-bg: var(--in-color-Light-50);
  --in-pill-white-hover-fg: var(--in-color-Dark-500);
  --in-pill-white-hover-border: var(--in-color-Light-300);
  --in-pill-black-bg: var(--in-color-Black);
  --in-pill-black-fg: var(--in-color-White);
  --in-pill-black-border: var(--in-color-Black);
  --in-pill-black-hover-bg: var(--in-color-Dark-900);
  --in-pill-black-hover-fg: var(--in-color-White);
  --in-pill-black-hover-border: var(--in-color-Dark-800);
  --in-pill-light-bg: var(--in-color-Light-50);
  --in-pill-light-fg: var(--in-color-Dark-200);
  --in-pill-light-border: var(--in-color-Light-200);
  --in-pill-light-hover-bg: var(--in-color-Light-100);
  --in-pill-light-hover-fg: var(--in-color-Black);
  --in-pill-light-hover-border: var(--in-color-Light-300);
  --in-pill-dark-bg: var(--in-color-Dark-500);
  --in-pill-dark-fg: var(--in-color-White);
  --in-pill-dark-border: var(--in-color-Dark-500);
  --in-pill-dark-hover-bg: var(--in-color-Dark-400);
  --in-pill-dark-hover-fg: var(--in-color-White);
  --in-pill-dark-hover-border: var(--in-color-Dark-400);
}

/* Panels component tokens */
:root {
  --in-panels-columns-mobile: repeat(1, minmax(0, 1fr));
  --in-panels-columns-tablet: var(--in-panels-columns-mobile);
  --in-panels-columns-desktop: var(--in-panels-columns-tablet);
  --in-panels-gap-mobile: var(--in-space-4);
  --in-panels-gap-tablet: var(--in-space-5);
  --in-panels-gap-desktop: var(--in-space-6);
}

/* Wysiwyg component tokens */
:root {
  --in-wysiwyg-content-gap: var(--in-space-4);
}