@font-face {
  font-family: "Readex Pro";
  src: url("fonts/readex-pro-arabic-latin.woff") format("woff");
  font-weight: 160 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LT Latin";
  src: url("fonts/figtree-latin.woff") format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0021-007E, U+00A1-00AA, U+00AC-00BA, U+00BC-00FF, U+2013-2014, U+2018-201D, U+2026, U+20AC;
}
:root {
  color-scheme: light dark;
  --lt-teal: #0B7A75;          
  --lt-teal-deep: #075E5A;     
  --lt-teal-soft: #E3F3F1;     
  --lt-teal-light: #3FC1B6;    
  --lt-saffron: #F2A93B;       
  --lt-saffron-light: #F5B85A;
  --lt-ink: #14201F;           
  --lt-slate: #56625F;         
  --lt-sand-50: #FAF7F2;       
  --lt-sand-100: #F3EEE6;
  --lt-sand-200: #E4DCD0;      
  --lt-font-brand: "LT Latin", "Readex Pro", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif; 
  --lt-font-latin: "LT Latin", "Readex Pro", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif; 
  --lt-font-ui: system-ui, -apple-system, "Segoe UI", Tahoma, "Noto Sans Arabic", Arial, sans-serif;
  --lt-space-4: 4px;
  --lt-space-8: 8px;
  --lt-space-12: 12px;
  --lt-space-16: 16px;
  --lt-space-20: 20px;
  --lt-space-24: 24px;
  --lt-space-32: 32px;
  --lt-space-40: 40px;
  --lt-space-48: 48px;
  --lt-space-64: 64px;
  --lt-space-80: 80px;
  --lt-space-96: 96px;
  --lt-space-128: 128px;
  --lt-container: 1200px;           
  --lt-grid-gap: 24px;              
  --lt-column-client: 560px;        
  --lt-gutter: 20px;                
  --lt-section: 72px;               
  --lt-section-client: 32px;        
  --lt-tap-min: 48px;               
  --lt-hairline: 1px;               
  --lt-photo-shadow: var(--lt-ink);       
  --lt-photo-highlight: var(--lt-sand-50);
  --lt-photo-mono: grayscale(1) sepia(.15) contrast(.92) brightness(1.02);
  --lt-radius-s: 8px;
  --lt-radius-m: 14px;
  --lt-radius-l: 22px;              
  --lt-radius-pill: 999px;          
  --lt-elev-raised: 0 1px 1px rgba(20, 32, 31, .04), 0 2px 6px -1px rgba(20, 32, 31, .05), 0 10px 24px -8px rgba(20, 32, 31, .08);
  --lt-elev-float: 0 1px 2px rgba(20, 32, 31, .05), 0 6px 16px -8px rgba(20, 32, 31, .10);   
  --lt-weight-heading: 500;
  --lt-weight-figure: 700;
  --lt-weight-unit: 400;
}
:root,
.lt-page,
.lt-lift {
  --lt-bg: var(--lt-sand-50);
  --lt-surface: #FFFFFF;
  --lt-surface-2: var(--lt-sand-100);
  --lt-border: var(--lt-sand-200);  
  --lt-text: var(--lt-ink);         
  --lt-muted: var(--lt-slate);      
  --lt-action: var(--lt-ink);       
  --lt-on-action: #FFFFFF;          
  --lt-action-press: #2A3B38;       
  --lt-on-action-press: var(--lt-sand-200); 
  --lt-link: var(--lt-teal-deep);   
  --lt-band: var(--lt-teal);        
  --lt-on-band: #FFFFFF;
  --lt-focus-on-band: #FFFFFF;      
  --lt-check: var(--lt-teal);       
  --lt-inverse: #FFFFFF;            
  --lt-on-inverse: var(--lt-ink);   
  --lt-inverse-press: var(--lt-sand-200); 
  --lt-focus: var(--lt-teal-deep);  
  --lt-selection: var(--lt-teal-soft); 
  --lt-on-selection: var(--lt-text);
  --lt-primary: var(--lt-teal);
  --lt-primary-strong: var(--lt-teal-deep);
  --lt-primary-press: #054A47;
  --lt-on-primary: #FFFFFF;
  --lt-primary-soft: var(--lt-teal-soft);
  --lt-wa: var(--lt-action);
  --lt-on-wa: var(--lt-on-action);
  --lt-wa-press: var(--lt-action-press);
}
.lt-page { color-scheme: light dark; }
:root[data-lt-scheme="light"],
[data-lt-scheme="light"] .lt-page,
.lt-lift {
  color-scheme: light;
  color-scheme: only light;             
}
:root[data-lt-scheme="light"],
[data-lt-scheme="light"] .lt-lift {
  --lt-link: var(--lt-ink);
  --lt-focus: var(--lt-ink);
  --lt-selection: var(--lt-sand-200);
  --lt-on-selection: var(--lt-ink);
  --lt-check: var(--lt-accent);
  --lt-radius-pill: var(--lt-radius-m); 
}
@media (min-width: 768px) {
  :root {
    --lt-gutter: 32px;
    --lt-section: 96px;
  }
}
@media (min-width: 1024px) {
  :root {
    --lt-gutter: 48px;
    --lt-section: 128px;
  }
}
.lt-ink {
  --lt-bg: var(--lt-ink);
  --lt-surface: #1C2B29;            
  --lt-surface-2: #1C2B29;
  --lt-border: #2A3B38;             
  --lt-text: #ECF2F0;               
  --lt-muted: #A3B2AE;              
  --lt-link: var(--lt-teal-light);  
  --lt-check: var(--lt-teal-light); 
  --lt-focus: #6AD6CC;              
  --lt-action: #ECF2F0;             
  --lt-on-action: var(--lt-ink);
  --lt-action-press: #A3B2AE;       
  --lt-on-action-press: #2A3B38;
  --lt-selection: #123A37;          
  --lt-on-selection: #ECF2F0;
  color-scheme: dark;
}
.lt-lift {
  --lt-bg: var(--lt-sand-100);
  --lt-surface-2: var(--lt-sand-200);
}
:root {
  --lt-accent: var(--lt-ink);             
  --lt-accent-glow: var(--lt-ink);
  --lt-accent-tail: .12;
}
[data-audience="restaurants"] {         
  --lt-accent: #9A5B00;                   
  --lt-accent-glow: var(--lt-saffron);    
  --lt-accent-tail: .28;
  --lt-check: var(--lt-accent);
}
[data-audience="hosts"] {               
  --lt-accent: var(--lt-teal);            
  --lt-accent-glow: var(--lt-teal-light); 
  --lt-accent-tail: .28;
  --lt-check: var(--lt-accent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-lt-scheme="light"]),
  :where(:root:not([data-lt-scheme="light"])) .lt-page {
    --lt-bg: #0E1615;
    --lt-surface: #152120;
    --lt-surface-2: #1C2B29;
    --lt-border: #2A3B38;
    --lt-text: #ECF2F0;               
    --lt-muted: #A3B2AE;              
    --lt-action: #ECF2F0;             
    --lt-on-action: #0E1615;
    --lt-action-press: #A3B2AE;       
    --lt-on-action-press: #2A3B38;    
    --lt-link: var(--lt-teal-light);  
    --lt-focus: #6AD6CC;              
    --lt-selection: #123A37;          
    --lt-primary: var(--lt-teal-light);
    --lt-primary-strong: #6AD6CC;
    --lt-primary-press: var(--lt-teal-light);
    --lt-on-primary: #062522;
    --lt-primary-soft: #123A37;
  }
}