/* IDX Plugin Design System Variables */
/* Generated automatically - do not edit manually */

:root:root {
  --idxp-space-2: 2px;
  --idxp-space-4: 4px;
  --idxp-space-8: 8px;
  --idxp-spacing-tiny: 10px;
  --idxp-spacing-tiny-plus: 15px;
  --idxp-spacing-small: 20px;
  --idxp-spacing-medium: 30px;
  --idxp-spacing-large: 60px;
  --idxp-spacing-extra-large: 90px;
  --idxp-font-family-heading: Lora, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --idxp-font-family-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --idxp-typography-h1-font-size: 64px;
  --idxp-typography-h1-font-weight: 300;
  --idxp-typography-h1-line-height: 1.1;
  --idxp-typography-h1-letter-spacing: -1.5px;
  --idxp-typography-h2-font-size: 48px;
  --idxp-typography-h2-font-weight: 300;
  --idxp-typography-h2-line-height: 1.15;
  --idxp-typography-h2-letter-spacing: -1px;
  --idxp-typography-h3-font-size: 36px;
  --idxp-typography-h3-font-weight: 300;
  --idxp-typography-h3-line-height: 1.2;
  --idxp-typography-h3-letter-spacing: -0.5px;
  --idxp-typography-h4-font-size: 24px;
  --idxp-typography-h4-font-weight: 300;
  --idxp-typography-h4-line-height: 1.25;
  --idxp-typography-h4-letter-spacing: -0.25px;
  --idxp-typography-h5-font-size: 20px;
  --idxp-typography-h5-font-weight: 400;
  --idxp-typography-h5-line-height: 1.3;
  --idxp-typography-h5-letter-spacing: 0px;
  --idxp-typography-label-font-size: 12px;
  --idxp-typography-label-font-weight: 700;
  --idxp-typography-label-line-height: 1.5;
  --idxp-typography-label-letter-spacing: 1.5px;
  --idxp-typography-label-text-transform: uppercase;
  --idxp-typography-text-large-font-size: 20px;
  --idxp-typography-text-large-font-weight: 400;
  --idxp-typography-text-large-line-height: 1.75;
  --idxp-typography-text-large-letter-spacing: 0px;
  --idxp-typography-text-font-size: 16px;
  --idxp-typography-text-font-weight: 400;
  --idxp-typography-text-line-height: 1.65;
  --idxp-typography-text-letter-spacing: 0px;
  --idxp-typography-text-small-font-size: 14px;
  --idxp-typography-text-small-font-weight: 400;
  --idxp-typography-text-small-line-height: 1.55;
  --idxp-typography-text-small-letter-spacing: 0px;
  --idxp-color-bg-dark: #1F1F1C;
  --idxp-color-bg-light: #FAFAF8;
  --idxp-color-bg-white: #FFFFFF;
  --idxp-color-input-background: #F7F8FA;
  --idxp-color-text-primary: #1A1A1A;
  --idxp-color-text-secondary: #6B6B6B;
  --idxp-color-border: #E5E5E5;
  --idxp-color-primary: #D4AF37;
  --idxp-color-primary-darker: #B8860B;
  --idxp-border-radius: 0px;
  --idxp-color-primary-rgb: 212, 175, 55;
  --idxp-color-accent: #D4AF37;
  --idxp-color-secondary: #1E3A5F;
  --idxp-color-container-background: #FFFFFF;
  --idxp-color-surface-background: #FFFFFF;
  --idxp-color-primary-text: #1A1A1A;
  --idxp-color-secondary-text: #6B6B6B;
  --idxp-color-text-on-dark: #F8FAFC;
  --idxp-color-text-on-primary: #FFFFFF;
  --idxp-color-gray-50: #FAFBFC;
  --idxp-color-gray-100: #F8FAFC;
  --idxp-color-gray-200: #E2E8F0;
  --idxp-color-gray-300: #CBD5E1;
  --idxp-color-gray-400: #94A3B8;
  --idxp-color-gray-500: #64748B;
  --idxp-color-gray-600: #475569;
  --idxp-color-gray-700: #334155;
  --idxp-color-gray-800: #1E293B;
  --idxp-color-gray-900: #0F172A;
  --idxp-color-success: #10B981;
  --idxp-color-warning: #F59E0B;
  --idxp-color-danger: #EF4444;
  --idxp-color-info: #3B82F6;
  --idxp-font-size-base: 16px;
  --idxp-font-size-sm: 14px;
  --idxp-font-size-xl: 24px;
  --idxp-font-weight-regular: 400;
  --idxp-font-weight-medium: 500;
  --idxp-font-weight-semibold: 600;
  --idxp-font-weight-bold: 600;
  --idxp-border-radius-sm: 2px;
  --idxp-border-radius-lg: 2px;
  --idxp-border-radius-full: 9999px;
  --idxp-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  --idxp-shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  --idxp-shadow-md: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  --idxp-shadow-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.12);
  --idxp-transition-duration: 200ms;
  --idxp-transition-timing: ease-in-out;
  --idxp-transition: all 200ms ease-in-out;
}

/* Responsive overrides for mobile */
@media (max-width: 1024px) {
  :root:root {
    --idxp-typography-h1-font-size: 44px;
    --idxp-typography-h1-line-height: 1.15;
    --idxp-typography-h1-letter-spacing: -1px;
    --idxp-typography-h2-font-size: 36px;
    --idxp-typography-h2-line-height: 1.2;
    --idxp-typography-h2-letter-spacing: -0.5px;
    --idxp-typography-h3-font-size: 28px;
    --idxp-typography-h3-line-height: 1.25;
    --idxp-typography-h3-letter-spacing: -0.25px;
    --idxp-spacing-large: 30px;
    --idxp-spacing-extra-large: 60px;
  }
}